前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。

如果外链不能访问，关注公众号「前端每周看

」

，里面有解决办法

大事件

• Astro 1.0：基于 Fast Islands 的前端框架—— 尽管它相对年轻，但 Astro 已经对广泛的用户产生了巨大的影响，并且支持几乎所有其他框架或开发工具。它基于“孤岛”，其中快速 HTML 可以代替组件，然后可以根据用户交互需求延迟加载。1.0 引入了新的图像和图片组件、MDX/Markdown 支持和 SSR 构建。
• Patterns.dev：现代 Web 应用程序设计模式——一本免费的书，您可以下载 PDF 格式或在 Web 上欣赏。了解许多基础知识，从不同风格的渲染或导入资源如何工作到性能优化和案例研究。

文章

1. 编写更小的 JavaScript 代码的打高尔夫球技巧和窍门 — 编写尽可能简洁的代码通常是不可取的——这对你的同事来说并不有趣，而且你的构建过程可能会缩小你的代码！但是，如果您需要挤入尽可能少的字符并且可以容忍一些混乱......这是一个完整的想法列表和本身的学习经验！
2. “我们如何以及为什么从 GOV.UK 中删除 jQuery” — 今年我们已经多次提到英国政府数字团队对 jQuery 的剔除，但现在有一个（简要）解释它是如何发生的。
3. How To Use Multithreading in Node.js — 一个实用的演练，介绍 Node 如何使用线程，以及你如何以及为什么在 Web 应用程序中自己使用工作线程。
4. Record and Tuple: Immutable Data Structures in JS — JSNation 2022 讨论了当前通过 TC39 推进的提案背后的动机。

框架发布

1. Playwright 1.25.0 - 浏览器远程控制和运行工具包。
2. Lerna 5.4 – 在一个仓库中为多个 JS 项目构建系统。
3. Fastify 4.4 – 快速、低开销的 Web 框架。
4. NodeBB 2.4 – 基于 Node.js 的论坛软件。
5. Color.js 0.4 – 颜色转换和操作库。
6. Jayson 4.0 – 用于 Node.js 的 JSON-RPC 客户端/服务器。
7. vite-plugin-eslint 1.8 – Vite 的 ESLint 插件。
8. Faker 7.4 – 生成大量虚假数据。
9. COBE 0.6 – 5KB WebGL 地球库。（演示。）
10. html-to-image 1.10 – 从 DOM 节点生成图像。
11. Juice 8.1 – 将 CSS 样式表内联到您的 HTML 源代码中。

代码和工具

1. Grex：一种从提供的示例生成正则表达式的方法：这个演示非常有趣。Grex 是一个基于 Rust 的 JavaScript 项目改进，通过 WebAssembly 可以再次从 JavaScript 中使用。这是一个非常巧妙的想法，虽然它并不完美，但它可以为您提供一些制作正则表达式的灵感。
2. Cloudscape：AWS 的 React 组件设计系统：专为 Amazon Web Services 构建并由其使用，您可以获得66 个组件、关于设计最佳实践的自以为是的指南以及许多演示。
3. Million 1.12：一种快速且小型的虚拟 DOM 实现：专注于性能和以低于 1KB 的压缩率交付，如果您希望在构建自己的框架时使用不可知的 VDOM 实现或只是降低一点级别，Million 是理想的选择。“把它想象成 React 的 API 和 Svelte 的编译器生了一个孩子。”
4. React Rating：Easy Star Ratings 组件：基于 SVG。没有依赖关系。查看许多示例，看看它是否得到您的
5. Size Limit 8.0: Performance Budgeting Tool for JavaScript：计算运行 JS 应用程序或库的实际“成本”，以保持对性能的关注并在出现问题时引发错误（例如，在 CI 中）。支持 ES 模块和摇树。
6. svg2pdf.js：基于浏览器的 SVG 到 PDF 转换器：有一个在线游乐场可以让您了解它的功能。
7. brotli-wasm: Brotli Compressor and Decompressor：通过 WebAssembly覆盖 Node和浏览器。
8. Grakkit：Minecraft 的现代 JS 开发环境：通过 GraalVM 将 JS 和 Minecraft 结合在一起。