前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件呼巷、文章教程、一些框架的版本更新王悍、以及代碼和工具。每周定期發(fā)表压储,歡迎大家關(guān)注、轉(zhuǎn)載集惋。
<span style="color:red;">如果外鏈不能訪問,關(guān)注公眾號前端每周看芋膘,里面有解決辦法</span>
大事件
Ecma International 批準 ECMAScript 2022,但有什么新功能霸饲?——感謝 Ecma—— ECMAScript 2022 現(xiàn)在是一個批準的標準。
為創(chuàng)建本地化范圍的保護塊——就最近流行的一篇關(guān)于使用“塊語句”將代碼組合在一起的文章厚脉,該文章引起了一些批評。
什么時候你應(yīng)該在 JavaScript 中優(yōu)先使用 Map 而不是對象——Map對象現(xiàn)在(幾乎)在 JS 實現(xiàn)中普遍可用傻工,并且使用常規(guī)Objects 具有一些好處孵滞。
React 團隊現(xiàn)在正在做什么——隨著 React 18 的發(fā)布鸯匹,React 團隊已經(jīng)將注意力轉(zhuǎn)向了未來坊饶,這篇文章給出了一些關(guān)于正在發(fā)生的事情的詳細提示殴蓬。不過,這不是路線圖染厅,他們強調(diào)痘绎,許多討論的內(nèi)容甚至沒有按原樣實現(xiàn)肖粮。
文章
使用 Playwright 測試運行單元測試 — Playwright 的新測試運行程序與 Jest 和 Mocha 等“傳統(tǒng)”方法的比較。
在全球范圍內(nèi)安裝 npm 包的替代方案 — 這個話題往往容易讓人絆倒涩馆。
圍繞服務(wù)人員開發(fā)和測試的隨機筆記 — “我多年來在服務(wù)人員周圍學(xué)到的一堆技巧和竅門”
使用 Web Animations API 精確計時 — 在 JavaScript 中使用計時器會很快變得復(fù)雜。Kirill 研究了 Web Animations API 如何在某些情況下消除對此類計時器的需求魂那。
框架發(fā)布
- Angular ESLint 14.0
- FontKit 2.0 – Node 和瀏覽器的高級字體引擎。
- melonJS 11.0 – 基于 2D sprite 的游戲引擎冰寻。
- Fastify 4.1 – 流行的低開銷 Node Web 框架皿渗。
- Capacitor 3.6 – 使用 JS 構(gòu)建跨平臺原生應(yīng)用斩芭。
- Partytown 0.6.2 – 將密集型代碼重新定位到 Web Worker 線程中乐疆。
- Gatsby 4.17
- React Native 0.69 – React 18 支持划乖!
代碼和工具
Puppeteer 15.0:從 Node 控制 Headless Chrome: 近年來挤土, Playwright占據(jù)了瀏覽器控制市場的大部分份額,但如果您不需要支持多個瀏覽器仰美,流行的面向 Chrome 的 Puppeteer 仍然是一個不錯的選擇。它現(xiàn)在使用 Chromium 103 并支持 Node 18咖杂。
Deep Persistent Proxy Objects: Automatically Persist JS Objects in IndexedDB:創(chuàng)建和維護在后臺自動備份到 IndexedDB 的對象,這樣如果您在瀏覽器中刷新或重新啟動應(yīng)用程序诉字,對象的內(nèi)容就會自動恢復(fù)到之前的狀態(tài)懦尝。
main-thread-scheduling 6.0:始終保持在主線程上的響應(yīng)式應(yīng)用程序:Web Worker 方法的替代方案,它使用在用戶與 UI 交互時停止執(zhí)行任務(wù)的方法陵霉。
React Joyride:在您的應(yīng)用程序中創(chuàng)建導(dǎo)游: 使用react-floater來定位和設(shè)置浮動“導(dǎo)游”元素的樣式。
PSD 0.2:零依賴 PSD (Photoshop) 解析器:適用于瀏覽器和 Node.js踊挠。
ESLint 的全新主頁: ESLint 是一個非常流行的 linter,用于識別和報告 JavaScript 中的模式止毕, v8.18.0剛剛發(fā)布。不過扁凛,更好的是,他們經(jīng)過幾個月的努力打造的全新網(wǎng)站谨朝。它相當(dāng)漂亮,甚至包括一張 Addy Osmani 的精彩照片字币。
Reactime 14.0:用于在 React 應(yīng)用程序中進行時間旅行調(diào)試的 Chrome 開發(fā)人員工具:v14 引入了對使用 React Router 的應(yīng)用程序的支持。