前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程、一些框架的版本更新、以及代碼和工具柄驻。每周定期發(fā)表味赃，歡迎大家關(guān)注揪利、轉(zhuǎn)載。
如果外鏈不能訪問(wèn)，關(guān)注公眾號(hào)前端每周看鸭限，里面有解決辦法
大事件
Apache ECharts 5.3：開(kāi)源 JS 可視化庫(kù)——發(fā)行說(shuō)明詳細(xì)介紹了最新版本中的內(nèi)容弓坞，包括關(guān)鍵幀動(dòng)畫(huà)帽借、自定義加載動(dòng)畫(huà)以及性能提升 2-10 倍的新 SVG 渲染器凝垛。
跳過(guò) JavaScript？一些后端語(yǔ)言是如何進(jìn)入前端的——你可能認(rèn)為這是關(guān)于使用 WebAssembly 在瀏覽器中運(yùn)行 Python 之類的寂祥，但不是。這是關(guān)于維護(hù)與后端進(jìn)程的 WebSocket 連接并從后端動(dòng)態(tài)渲染 HTML 的日益流行，如現(xiàn)代 Elixir 和 Rails 堆棧中所見(jiàn)俗冻。值得深思画机！
文章
Angular 編譯器的工作原理 — Angular 編譯器（稱為ngc）是用于編譯 Angular 應(yīng)用程序和庫(kù)的工具瀑焦。這篇文章深入探討了它的作用以及它是如何做到的。
用 HTML 替換 JavaScript 對(duì)話框（部分）<dialog> — 如何在某種程度上用 HTML 對(duì)話框元素替換 JavaScript 對(duì)話框凫乖，該元素提供與 、 和 方法類似alert()的confirm()功能prompt() 泽论。
Deno 簡(jiǎn)介：它比 Node 更好嗎？ - 我們已經(jīng)多次提到來(lái)自 Ryan Dahl 的Deno思恐，就像 Node.js 最初所做的那樣，但是如果你還沒(méi)有檢查過(guò)步绸，這篇文章涵蓋了關(guān)鍵特性漾月，以及 Deno 領(lǐng)先或落后的地方觅彰。
編寫(xiě)我自己的構(gòu)建系統(tǒng)：將 Gulp 概念與現(xiàn)代 JS 耦合 - 作者發(fā)現(xiàn) Gulp 對(duì)流的依賴使得擴(kuò)展變得復(fù)雜，并展示了使用異步生成器解決同一問(wèn)題的不同方法。
框架發(fā)布
- Vite 2.8.0 – 下一代前端工具遣臼。
- RedwoodJS 0.45.0 – 邊緣可部署的全棧 JS 框架。
- MikroORM 5 - 用于節(jié)點(diǎn)的數(shù)據(jù)映射器 ORM西采。
- AdminJS 5.6 – 內(nèi)置在 Node.js 中的管理面板霹崎。
- npm 8.5.0
- Ember.js 4.2.0
代碼和工具
- zx 5.0：用 JavaScript 編寫(xiě)更好的 Shell 腳本：谷歌并沒(méi)有懈怠沛鸵，zx一年內(nèi)發(fā)布了第四個(gè)主要版本宛裕。bash與其使用類似將快速腳本組合在一起的東西，不如使用zxJavaScript 提供相同的功能论泛。v5.0增加了內(nèi)置的 YAML 支持续滋。
- Griffel: CSS-in-JS with Ahead-of-Time Compilation：來(lái)自 Microsoft，另一個(gè) CSS-in-JS 選項(xiàng)孵奶。這個(gè)擁有近乎零的運(yùn)行時(shí)、SSR 支持和使用 JS 對(duì)象定義的樣式蜡峰，以及其他特性了袁。
- Fable 3.7：成熟的 F# 到 JavaScript 編譯器：F#是來(lái)自 MS/.NET 穩(wěn)定版的“功能優(yōu)先”語(yǔ)言，我總是對(duì)它的閱讀效果感到震驚湿颅。如果您想嘗試為前端構(gòu)建東西载绿，請(qǐng)查看此在線 REPL，其中有一些示例可供修改油航，包括一個(gè)小馬里奧（上圖）崭庸。
- puppeteer-to-playwright：Puppeteer 到 Playwright 轉(zhuǎn)換腳本：如果你想在兩個(gè)流行的瀏覽器自動(dòng)化系統(tǒng)之間遷移，這可能會(huì)有所幫助谊囚。
- P42 JavaScript Assistant: Refactoring Hints and Automation for VS Code： 一個(gè) Visual Studio Code 擴(kuò)展怕享，為您的編輯器帶來(lái) 67 種自動(dòng)重構(gòu)和快速修復(fù)常見(jiàn) JS、TS 和 React 問(wèn)題镰踏，因此您甚至可以在使用普通 linter 之前清理內(nèi)容函筋。
