前端周刊第五期

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

大事件

  • 用 JavaScript 編寫印表機驅動程式——「用 JavaScript 編寫印表機驅動程式聽起來很荒謬,」作者開始說,雖然「驅動程式」的定義在這裡是有爭議的(它更像是一個過濾器?),但這仍然是一個有趣的故事和解決方案作者的問題。

  • Babel 7.17.0 發布——現在裝飾器提案已經穩定,如果你想玩的話,Babel 包括對它們的解析和轉換支援。正則表達式的「v」標誌提案也已實施。

  • Fetch API 即將進入 Node 核心——對Fetch API(作為獲取資源的常用瀏覽器端)的支援已合併–experimental-fetch到 Node.js 中,並將在標誌後面可用,在 Node 18+ 中默認啟用。

  • Memory Leaks: The Forgotten Side of Web Performance——公平對待記憶體泄漏的重要性,儘管「努力與回報的比率」通常被視為「令人失望的高」。

文章

  1. 在 2022 年加速 VS Code 擴展 — 其中一篇深入探討 VS Code 底層架構的「小眾但有趣」的文章,是任何考慮製作自己擴展的人的必讀之作。

  2. 使用程式碼拆分提高 JavaScript 捆綁包性能 — 了解程式碼拆分的好處和注意事項,以及如何通過動態載入昂貴的非關鍵 JavaScript 捆綁包來提高頁面性能和載入時間。

  3. Web 框架解決了什麼以及如何在沒有它們的情況下做些什麼 — 深入探討了一些跨框架常見的技術特性,並解釋了一些不同的框架如何實現它們以及它們的成本。

  4. 使用 Streams 構建高性能節點應用程式 – 使用streamNode.js 中的模組對您有利。

框架發布

  1. MDX 2.0 – Markdown + JSX = ❤️
  2. Partytown 0.3 – 將第三方腳本從主執行緒中移除。
  3. Mongoose 6.2.0 – MongoDB 對象建模庫。
  4. Recoil 0.6 – 替代 React 狀態管理。
  5. Commander.js 9.0 – 節點 CLI 框架。
  6. CKEditor 5 v32.0 – 富文本編輯器框架。
  7. ESLint 8.8.0

程式碼和工具

  1. Sigma 2.2:一個圖形繪圖庫:一個成熟的庫(我們在 2015 年首次鏈接它!)針對您擁有包含數千個需要快速渲染的節點和邊的巨型圖形的用例。這裡有一些很好的例子。
  2. A-Frame 1.3:構建 WebVR 體驗的框架:一個用於構建虛擬現實體驗的 Web 框架,可在 Vive、Rift、Quest 以及桌面和移動平台(包括瀏覽器)中運行。
  3. Electron 17 發布:流行的跨平台桌面應用程式框架通過 Chromium 98 支援、Node 16.13.0 和 V8 9.8 獲得了關鍵的依賴關係。
  4. 熱鍵 2.0:在按下「熱鍵」時觸發元素上的操作:使用熱鍵,data-hotkey在元素上設置屬性,然後您將獲得鍵盤快捷鍵。v2.0剛剛下架。如果它對 GitHub 來說足夠好,那對我們來說就足夠了!
  5. imask.js 6.4.0:一個 Vanilla JavaScript 輸入掩碼:與其驗證輸入欄位的語法,不如防止用戶輸入無效值?
  6. lite-youtube:更快地渲染 YouTube 嵌入的 Web 組件:這是 Paul Irish 的lite-youtube-embed的 Shadow DOM Web 組件版本,具有鍵盤可訪問性和其他一些不錯的功能。