前端週刊發表每週前端技術相關的大事件、文章教程、一些框架的版本更新、以及程式碼和工具。每週定期發表,歡迎大家關注、轉載。
如果外鏈不能訪問,關注公眾號「前端每週看」,裡面有解決辦法
大事件
AbortController 用於取消非同步任務等——AbortController提供了一種無需等待響應即可隨時中止 Web 請求的方法,但可以將其方便的機制應用於其他用例。
Microvium:用於微控制器的微型 JavaScript 引擎——有多小?試試 8.5 KB,空閒時只需要 34 位元組的 RAM。儘管有像Espruino這樣的簡潔專案,但 JS 從來都不是天生適合受限環境的,但 Microvium、 Elk和low.js正在努力解決這個問題。
Vitest:一個由 Vite 提供支援的“極速”單元測試框架——將很多很酷的東西集中到一個地方,而且真的很快——如果你想在更改程式碼時獲得近乎即時的反饋,請檢視它。您可以獲得 Vite 的轉換器、解析器和外掛、快照測試、本機程式碼覆蓋率、元件測試、即時觀看模式等等。
OneJS是一個有趣的基於 JavaScript 的指令碼引擎——用於在 Unity 遊戲引擎中構建 UI。有一些使用它在遊戲之上建立 UI的示例程式碼。
文章
如何從主執行緒中刪除 99% 的 JavaScript — Angular 的原始建立者談到了Qwik框架,該框架採用低 JavaScript HTML-first 方法來構建前端應用程式。Partytown參與將指令碼移動到 Web Workers 中,將它們從主執行緒中移除。
維護內部 React 元件庫的注意事項 — 開發人員對維護元件庫作為 DigitalOcean 大量前端應用程式使用的現有設計系統的一部分的想法。
2022 年構建 React 表單的完整指南 - 一個好的表單可以是美麗的東西——而美麗在於細節。閱讀此部落格,瞭解有關設計和構建時尚、使用者友好且可訪問的表單的所有資訊。
深度剖析 VS Code JavaScript Debugger 功能及實現原理 - 本文將從 VSCode JavaScript Debugger 的功能入手,從原始碼角度分析其實現對應功能所使用的技術手段及優秀的程式碼設計,讓大家對其中的功能及實現原理有大致理解。
關於 LowCode&ProCode 混合研發的思考 - 最近 1-2 年來低程式碼(LowCode)應用越來越多,從一些長尾的宜搭應用,到後臺的管理系統,再到一些複雜的業務系統都開始使用低程式碼,低程式碼顯著的降低了部分應用研發的門檻。
框架釋出
Prettier 2.7 - 現在支援 TypeScript 4.7 語法。 Lerna 5.1 – JS monorepo 管理現在更快。 Strapi 4.2 – Node.js 無頭 CMS。 Octokit.js 1.8.0 – 適用於 Node、Deno 和瀏覽器的 GitHub SDK。 Inferno 8.0 – 類似 Fast React 的 UI 庫。 Boa 0.15 – Rust 中的實驗性 JS 解析器和編譯器。 Ember.js 4.5 Node.js v18.4.0 – 少量清理。
程式碼和工具
元件百科全書:包含 5000 多個 UI 元件的目錄: Storybook是一個 UI 元件開發工具,它推出了包含 5,000 多個元件(主要是 React,但也有一些 Vue 和 Web 元件)的視覺化目錄——您無需成為 Storybook 使用者,因為提供了回購和演示的連結。
ow 1.0: Function Argument Validation for Humans:一個流暢的 API,用於定義函式引數(例如ow(input, ow.string.minLength(5)))的約束並在失敗時獲得很好的錯誤訊息。現在是一個純 ESM 包。
zx v7.0:使用 JavaScript 編寫更好的 Shell 指令碼:如果編寫 JavaScript 聽起來比使用 bash、Perl 或 Python 更好,zx那麼適合你。v7.0 是用 TypeScript 重寫的,具有echo列印其他指令碼的輸出、within建立新的非同步上下文和新的互動式 REPL 模式(後面-i)的功能。
Fx 24.0:命令列 JSON 處理工具: 如果您有一些 JSON 想要切片和切塊,Fx 適合您。它最近在 Go 中從其原始 JavaScript 重寫,但您仍然可以用它在 JavaScript(或 Ruby 或 Python)中編寫 reducer。一個方便的工具。
Moon:JavaScript 生態系統的新構建系統:內建 Rust 以提高效能,Moon 似乎專注於可能有大量依賴項、開發人員和流程需要平衡的大型專案的功能。看到這個進一步發展會很有趣。
public-ip 6.0:快速獲取您的公共 IP 地址:適用於 Node 和瀏覽器,並在每個上使用不同的方法。v6 允許您在 IPv6 和 IPv4 之間進行選擇。