前端週刊第十六期

夕陽白雪發表於2022-04-25
前端

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

大事件

  • Lexical：一個可擴充套件的文字編輯器庫（以不同的方式做事）——從 Meta（或 Facebook，我的大腦仍然這麼稱呼它）新鮮出現了一個新的文字編輯器框架，其核心是可訪問性、效能和可靠性。22KB gzipped，支援 React 18（但可以以普通方式使用），隨後是（本機）iOS 版本。讓您想起Draft.js嗎？將其視為下一代：Meta 是——他們正在他們的應用程式中用 Lexical 取代 Draft。

  • Node.js 18（當前）釋出 ——我們獲得了 V8 10.1、Undici 支援的全域性 Fetch API 支援、Web Streams API 支援、Blob 和 BroadcastChannel API、新的測試執行器模組，以及使用以下命令建立您自己的 Node.js 二進位制檔案的能力自定義 V8 啟動快照。Node 18 從 10 月開始進入 LTS，但在此之前獲得了所有最新功能。

  • OpenJS 基金會的JavaScriptLandia獎——早在 2020 年，OpenJS 基金會就推出了JavaScriptLandia，作為表達對 JS 生態系統支援的一種方式，但它的實際結果是：你可以提名 JS 生態系統中的任何人來獲得獎勵他們做的工作。

  • Ember 4.3 釋出——JavaScript 歷史最悠久的 Web 應用程式框架之一又向前邁進了一步。為什麼使用 Ember？好吧，也有一個網站對此進行了解釋。

文章

  1. Ember 通向 TypeScript 及更多內容的之路 — 長得精巧的 Chris Krycho（他的幻燈片同樣聰明）承諾他的演講即使對使用非 Ember 和非 TypeScript 的開發人員也有好處，因為他們一直在做的工作影響著我們所有人。

  2. 七個 Web 元件技巧 — 一些關於使用 Web 元件可能不是“非常明顯”的事情。通過程式碼示例以簡單明瞭的方式呈現。

  3. V8 的具有新類功能的例項的更快初始化 - 對一些關於優化初始化類欄位和私有方法的效能的工作進行技術深入研究——這項工作現在使 Node.js 18 以後的所有使用者受益。

  4. 按下了什麼鍵？（你不會相信鍵盤事件是如何工作的） - 一個半小時的視訊，深入探討鍵盤事件的複雜性以及處理使用者輸入的最佳方法。

  5. 有絲分裂快速指南：為什麼需要它以及如何使用它 - 忘記細胞分裂。這個有絲分裂為您提供程式碼劃分，基本上讓您編寫一次元件，然後讓您在 React、Vue、Solid、Angular、和其他地方。

  6. 減少來自mailto連結的垃圾郵件 - 不一定是最好的方法，但卻是一種有趣的方法。

框架釋出

  1. Nuxt 3.0.0 RC1 – Vue 3 使用者可以在這裡看到很多東西。
  2. Deno 1.21
  3. React Redux 8.0 – Redux 的 React 繫結。
  4. Neutralinojs 4.5.0 - 輕量級 x 平臺桌面應用程式框架。
  5. fast-json-stringify 3.1.0 – 更快JSON.stringify()
  6. Mineflayer 4.3 – Minecraft 機器人開發框架。
  7. Electron 18.1

程式碼和工具

  1. Leaflet 1.8.0: Mobile-Friendly Interactive Map Library：一個長期存在且廣受歡迎的圖書館的巨大版本。主頁有一個現場演示。

  2. https://kalumajs.org/： RP2040 是由 Raspberry Pi 開發人員構建的微型微控制器，因此要使 JavaScript 工作，它也需要很小。輸入 Kaluma，它可以在只有 64KB RAM 的裝置上執行。

  3. SpaceTime：輕量級時區庫：使用它來計算其他時區的時間。具有類似 Moment 的 API，但它是不可變的。沒有依賴關係。

  4. PicMo：一個普通的 JavaScript 表情符號選擇器：讓您可以選擇使用平臺原生表情符號或通過 Twemoji 跨平臺的表情符號，您甚至可以新增自己的自定義表情符號。

  5. 2022 年最受歡迎的 Node.js 框架：一份清單，但一點也不差，總結了 11 種不同型別的框架。

  6. HyperFormula 2.0.0：類似電子表格的計算引擎：HyperFormula ( GitHub repo ) 是一個強大的 Excel 啟發的電子表格系統（不僅僅是一個控制元件）。請注意，它是開源的，但具有雙重許可。

  7. 看起來掃描：使 PDF 看起來像“掃描”：有時有些組織需要您簽署文件，但不滿意您在 PDF 上進行數字化，並且想要看起來真實且“掃描”的東西。這個純粹基於前端、由 WebAssembly 提供支援的工具試圖為您偽造這種效果，而且它也是開源的。

相關文章