前端周刊第一期

• 2022 年 1 月 9 日
• 筆記

前端周刊發表每周前端技術相關的大事件、文章教程、一些框架的版本更新、以及程式碼和工具。每周定期發表，歡迎大家關注、轉載。

大事件

• 2021 年的 JavaScript後起之秀——這是對在 GitHub 上繼續流行的 JavaScript 項目的流行看法，這是連續第 6 年運行的。星級並不是確定哪些項目好用的唯一方法，但它是一種方法，我們傾向於發現它會顯示一些值得一試的項目和庫。2021 年對 JavaScript 來說是強勁的一年，尤其是 Next.js、Vite 和 zx 等項目！

• 解讀大前端的 2021 ：究竟「卷」出了什麼名堂？——本文是 「2021 InfoQ 年度技術盤點與展望」 系列文章之一，由 InfoQ 編輯部製作呈現，重點聚焦大前端領域在 2021 年的重要進展、動態，希望能幫助你準確把握 2021 年大前端領域的核心發展脈絡，在行業內始終保持足夠的技術敏銳度。 「InfoQ 年度技術盤點與展望」是 InfoQ 全年最重要的內容選題之一，將涵蓋架構、AI、大數據、大前端、雲計算、資料庫、中間件、作業系統、開源、編

文章

1. The JS Self-Profiling API In Practice — 它是一個 API，允許 web 應用程式控制取樣分析器來測量客戶端 JavaScript 執行時間。不出所料，它目前僅適用於 Chrome 94+。
2. 更智慧的 JavaScript 映射器：array.flatMap() — 您可能對這種方法是否更智慧持懷疑態度，但值得了解。
3. 是時候使用 JavaScript Temporal API 了嗎？— 「JavaScript 中的日期處理很痛苦，是時候使用合適的 Temporal API 了。」
4. 前端CI/CD上如何保證依賴安裝速度達到優解——前端應用在構建部署時長上，通常受程式碼拉取速度、以及機器配置高低等因素影響。排除這些我們往往不可控的因素外，仍可以通過對npm依賴安裝方式進行優化，來達成更快的構建速度。以項目存在50個以上生產依賴包，最優秀的依賴安裝方式比最差的安裝方式，往往能夠節省20s以上的時間。

框架發布

1. Ember.js 4.1，繼Ember 4.0於 12 月之後。
2. ESLint 8.6.0
3. Jasmine 4.0 – Node 和瀏覽器的測試框架。
4. AVA 4 – 節點測試運行器。
5. History 5.2 – 用 JS 管理會話歷史。
6. fast-json-stringify 3.0 – 一個更快的JSON.stringify().
7. Chart.js 3.7 – 基於畫布的簡單 HTML5 圖表。

程式碼和工具

1. Fuite：一種用於在 Web 應用程式中查找記憶體泄漏的工具——考慮到「載入 DevTools 並在性能選項卡中執行大量工作」與「運行此腳本」的選擇，後者聽起來更簡單。而 Fuite 的目標是讓檢測網頁記憶體泄漏的過程就這麼簡單。
2. Perspective 1.1：通過 WebAssembly 的快速流數據可視化——Perspective最初是為 JP Morgan 構建的，用於構建實時高性能互動式可視化，由編譯為 WASM 引擎蓋下的 C++ 引擎提供支援。
3. jsPDF 2.5：客戶端 JavaScript PDF 生成— 即時創建票證、文檔、證書等。
4. Vanta.js：您網站的 3D WebGL 背景動畫— 從預定義的背景動畫之一中進行選擇，然後使用 UI 調整設置。當然有些東西你會很少使用，但是當你需要它們時會有一組整潔的效果。
5. Choices.js 10.0：一個可配置的選擇框/文本輸入插件——這裡有很多例子，或者你可以直接去GitHub 存儲庫。