前端周刊發表每周前端技術相關的大事件、文章教程、一些框架的版本更新、以及程式碼和工具。每周定期發表，歡迎大家關注、轉載。
如果外鏈不能訪問，關注公眾號「前端每周看」，裡面有解決辦法

大事件

• 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 結合在一起。