前端週刊第一期

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

大事件

• 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 儲存庫。