前端週刊第六期

夕陽白雪發表於2022-02-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 指令碼：谷歌並沒有懈怠，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 之前清理內容。

相關文章