前端週刊第二十六期

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

大事件

• Svelte Origins: A JavaScript Documentary—— 一部製作精良的 32 分鐘紀錄片，講述了 Svelte 的創造者 Rich Harris 以及它的一些使用者和粉絲，真正深入瞭解它的來源、它的成因以及它是如何產生的建立了一個屬於自己的健康社群。

• 釋出 Color.js：一個認真對待顏色的庫——感覺非常好顏色空間、CSS 顏色規範和其他此類技術。

• OpenJS World 2022 的亮點——OpenJS World於 6 月初舉行，這篇文章涵蓋了一些談話要點、熱門談話以及活動的特別之處。還有一個 YouTube 播放列表，其中包含該活動的 50 多個演講。

文章

1. ES2022：主要的新特性，程式碼快速執行 — 如果你想以快速、純程式碼的形式檢視 ES2022 中的新特性，這是給你的。

2. 仔細重試 XMLHttpRequest — 當您的頁面在後臺發出的請求失敗時，您的重試或恢復策略是什麼？亞倫說，值得一看。

3. 使用 JavaScript 停止螢幕進入睡眠狀態 — 說明如何使用螢幕喚醒鎖定 API。

4. 從 Node.js 使用檔案系統 — 深入探討與在 Node 中使用文字檔案相關的所有內容，從簡單的讀寫操作到流、緩衝區和目錄操作。

5. 使用 JavaScript 來填充localStorage其最大容量 — 為什麼？用於測試應用程式在無法寫入 localStorage 時如何應對。

6. 在 JavaScript 中編碼俄羅斯方塊：ASMR 版本 — 製作精良、平靜的編碼視訊似乎正在成為一種東西。

框架釋出

1. Prisma 4.0 – 強大的 TypeScript ORM。
2. Billboard.js 3.5 – 基於 D3.js 的圖表庫。
3. deck.gl 8.8 – WebGL2 驅動的視覺化框架。
4. Fastify 4.2 – Node.js webapp 框架。
5. v8n 1.5 – 流暢的驗證庫。
6. vue-instantsearch 4.4 - 在 Algolia + Vue 上搜尋 UI。
7. Puppeteer 15.2 – 無頭 Chrome 控制元件庫。
8. ng2-charts 3.1 – Angular 的 Chart.js。
9. Next.js 12.2

程式碼和工具

1. Sigma.js 2：大型圖形的高效能互動式渲染： 講述了一個完整的重寫是如何通過在這個庫上幾年的工作來完成的，以便在瀏覽器中進行非常大規模的圖形渲染。

2. Vue 2.7 'Naruto' Released：雖然 Vue 3 是新的預設版本，但仍有許多專案繼續依賴 Vue 2，因此 2.7 已作為 LTS 版本釋出，以通過一些向後移植的功能（包括 Composition API）幫助彌合差距，改進的 Vite 支援（通過新外掛）等等。儘管如此，Vue 2 預計將在“2023 年底”達到“生命終結”。

3. https://deno.com/blog/fresh-is-stable：剛從 Deno 專案（看看我們在那裡做了什麼）出現了一個新的由Preact支援的 Deno 全棧 Web 框架。過去一週，它在社交媒體上引起了很多關注。

4. neovis.js 2.0：Neo4j + vis.js → 瀏覽器中的圖形視覺化： 從 Neo4j 圖形資料庫中獲取資料並使用vis.js 對其進行視覺化。

5. Serverless-Express 4.9：在 AWS Lambda 或 Azure Functions 上執行現有的 Node.js 框架：這個想法是您可以在 Express、Koa、Hapi 等之上以通常的方式構建 HTTP API，並提供包裝器讓它們在 AWS Lambda 或 Azure Functions 上執行。

6. trim-lines 3.0：刪除換行符周圍的空格和製表符： “它可能看起來微不足道，但要獲得高效能實際上非常複雜。”

7. Handsontable 12：感覺像電子表格的成熟資料網格：純 JavaScript、Vue、Angular、React - 它適用於所有這些（演示）。請注意它的雙重許可證，它只能免費用於評估或非商業用途。