前端週刊第二十五期

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

大事件

• Ecma International 批准 ECMAScript 2022，但有什麼新功能？——感謝 Ecma—— ECMAScript 2022 現在是一個批准的標準。

• 為建立本地化範圍的保護塊——就最近流行的一篇關於使用“塊語句”將程式碼組合在一起的文章，該文章引起了一些批評。

• 什麼時候你應該在 JavaScript 中優先使用 Map 而不是物件——Map物件現在（幾乎）在 JS 實現中普遍可用，並且使用常規Objects 具有一些好處。

• React 團隊現在正在做什麼——隨著 React 18 的釋出，React 團隊已經將注意力轉向了未來，這篇文章給出了一些關於正在發生的事情的詳細提示。不過，這不是路線圖，他們強調，許多討論的內容甚至沒有按原樣實現。

文章

1. 使用 Playwright 測試執行單元測試 — Playwright 的新測試執行程式與 Jest 和 Mocha 等“傳統”方法的比較。

2. 在全球範圍內安裝 npm 包的替代方案 — 這個話題往往容易讓人絆倒。

3. 圍繞服務人員開發和測試的隨機筆記 — “我多年來在服務人員周圍學到的一堆技巧和竅門”

4. 使用 Web Animations API 精確計時 — 在 JavaScript 中使用計時器會很快變得複雜。Kirill 研究了 Web Animations API 如何在某些情況下消除對此類計時器的需求。

框架釋出

1. Angular ESLint 14.0
2. FontKit 2.0 – Node 和瀏覽器的高階字型引擎。
3. melonJS 11.0 – 基於 2D sprite 的遊戲引擎。
4. Fastify 4.1 – 流行的低開銷 Node Web 框架。
5. Capacitor 3.6 – 使用 JS 構建跨平臺原生應用。
6. Partytown 0.6.2 – 將密集型程式碼重新定位到 Web Worker 執行緒中。
7. Gatsby 4.17
8. React Native 0.69 – React 18 支援！

程式碼和工具

1. Puppeteer 15.0：從 Node 控制 Headless Chrome： 近年來， Playwright佔據了瀏覽器控制市場的大部分份額，但如果您不需要支援多個瀏覽器，流行的面向 Chrome 的 Puppeteer 仍然是一個不錯的選擇。它現在使用 Chromium 103 並支援 Node 18。

2. Deep Persistent Proxy Objects: Automatically Persist JS Objects in IndexedDB：建立和維護在後臺自動備份到 IndexedDB 的物件，這樣如果您在瀏覽器中重新整理或重新啟動應用程式，物件的內容就會自動恢復到之前的狀態。

3. main-thread-scheduling 6.0：始終保持在主執行緒上的響應式應用程式：Web Worker 方法的替代方案，它使用在使用者與 UI 互動時停止執行任務的方法。

4. React Joyride：在您的應用程式中建立導遊： 使用react-floater來定位和設定浮動“導遊”元素的樣式。

5. PSD 0.2：零依賴 PSD (Photoshop) 解析器：適用於瀏覽器和 Node.js。

6. ESLint 的全新主頁： ESLint 是一個非常流行的 linter，用於識別和報告 JavaScript 中的模式， v8.18.0剛剛釋出。不過，更好的是，他們經過幾個月的努力打造的全新網站。它相當漂亮，甚至包括一張 Addy Osmani 的精彩照片。

7. Reactime 14.0：用於在 React 應用程式中進行時間旅行除錯的 Chrome 開發人員工具：v14 引入了對使用 React Router 的應用程式的支援。