前端周刊第六期

  • 2022 年 2 月 14 日
  • 筆記

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

大事件

  • Apache ECharts 5.3:開源 JS 可視化庫——發行說明詳細介紹了最新版本中的內容,包括關鍵幀動畫、自定義載入動畫以及性能提升 2-10 倍的新 SVG 渲染器。

  • 跳過 JavaScript?一些後端語言是如何進入前端的——你可能認為這是關於使用 WebAssembly 在瀏覽器中運行 Python 之類的,但不是。這是關於維護與後端進程的 WebSocket 連接並從後端動態渲染 HTML 的日益流行,如現代 Elixir 和 Rails 堆棧中所見。值得深思!

文章

  1. Angular 編譯器的工作原理 — Angular 編譯器(稱為ngc)是用於編譯 Angular 應用程式和庫的工具。這篇文章深入探討了它的作用以及它是如何做到的。

  2. 用 HTML 替換 JavaScript 對話框(部分)

    — 如何在某種程度上用 HTML 對話框元素替換 JavaScript 對話框,該元素提供與 、 和 方法類似alert()的confirm()功能prompt() 。

  3. Deno 簡介:它比 Node 更好嗎? – 我們已經多次提到來自 Ryan Dahl 的Deno,就像 Node.js 最初所做的那樣,但是如果你還沒有檢查過,這篇文章涵蓋了關鍵特性,以及 Deno 領先或落後的地方。

  4. 編寫我自己的構建系統:將 Gulp 概念與現代 JS 耦合 – 作者發現 Gulp 對流的依賴使得擴展變得複雜,並展示了使用非同步生成器解決同一問題的不同方法。

框架發布

  1. Vite 2.8.0 – 下一代前端工具。
  2. RedwoodJS 0.45.0 – 邊緣可部署的全棧 JS 框架。
  3. MikroORM 5 – 用於節點的數據映射器 ORM。
  4. AdminJS 5.6 – 內置在 Node.js 中的管理面板。
  5. npm 8.5.0
  6. Ember.js 4.2.0

程式碼和工具

  1. zx 5.0:用 JavaScript 編寫更好的 Shell 腳本:Google並沒有懈怠,zx一年內發布了第四個主要版本。bash與其使用類似將快速腳本組合在一起的東西,不如使用zxJavaScript 提供相同的功能。v5.0增加了內置的 YAML 支援。
  2. Griffel: CSS-in-JS with Ahead-of-Time Compilation:來自 Microsoft,另一個 CSS-in-JS 選項。這個擁有近乎零的運行時、SSR 支援和使用 JS 對象定義的樣式,以及其他特性。
  3. Fable 3.7:成熟的 F# 到 JavaScript 編譯器:F#是來自 MS/.NET 穩定版的「功能優先」語言,我總是對它的閱讀效果感到震驚。如果您想嘗試為前端構建東西,請查看此在線 REPL,其中有一些示例可供修改,包括一個小馬里奧(上圖)。
  4. puppeteer-to-playwright:Puppeteer 到 Playwright 轉換腳本:如果你想在兩個流行的瀏覽器自動化系統之間遷移,這可能會有所幫助。
  5. P42 JavaScript Assistant: Refactoring Hints and Automation for VS Code: 一個 Visual Studio Code 擴展,為您的編輯器帶來 67 種自動重構和快速修復常見 JS、TS 和 React 問題,因此您甚至可以在使用普通 linter 之前清理內容。