前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件宁脊、文章教程断国、一些框架的版本更新、以及代碼和工具榆苞。每周定期發(fā)表稳衬,歡迎大家關(guān)注、轉(zhuǎn)載坐漏。
<span style="color:red;">如果外鏈不能訪問薄疚,關(guān)注公眾號前端每周看,里面有解決辦法</span>
大事件
ES6 類提案(大部分)的裝飾器在 TC39 上達(dá)到了第 3 階段——我們?nèi)昵笆状捂溄拥竭@個提案赊琳,但現(xiàn)在它有條件地進(jìn)入第 3 階段(需要一些調(diào)整)
React 18 已發(fā)布——計劃是讓 v18 輕松升級街夭,即使引擎蓋下有很多變化。盡管引入了新的并發(fā)渲染器躏筏、Suspense板丽、新的鉤子、自動批處理等,但他們已經(jīng)完成了保持船舶穩(wěn)定的一項偉大工作埃碱。React 18 升級指南涵蓋了一些你需要考慮的事情猖辫,如果你是一個完整的人,更新日志會深入挖掘砚殿。
Electron 18.0 發(fā)布——不滿足于讓 React 獲得所有 v18 的榮耀啃憎,流行的 Electron 跨平臺“使用 JS、CSS 和 HTML 構(gòu)建桌面應(yīng)用程序”框架也達(dá)到了 v18似炎,升級到 Chrome 100(本周也發(fā)布)辛萍、V8 10.0 和節(jié)點(diǎn) 16.13.2。
Next.js 的故事——講述Next.js故事的細(xì)節(jié)和高級概述的良好平衡羡藐。盡管只有 12 分鐘長贩毕,但它的背景和歷史也比你想象的要多得多〈茫或許接下來會為 Gatsby 和 Remix 講述耳幢?
Visible V8——它是 V8 JavaScript 引擎的一個補(bǔ)丁版本,專門用于監(jiān)控和記錄運(yùn)行的 JavaScript欧啤,正如這篇學(xué)術(shù)論文中所解釋的睛藻。
文章
JavaScript 中的區(qū)域感知排序 — 在構(gòu)建本地化應(yīng)用程序時,字符串的默認(rèn)排序邏輯可能無法完全滿足您的需求......localeCompare并且Intl.Collator可以支持邢隧。
如何在 React 中使用 Props — 我們?nèi)昵暗谝淮捂溄拥竭@個店印,但 Robin 一直在將他的帖子更新為現(xiàn)代標(biāo)準(zhǔn),所以它現(xiàn)在仍然是一個很棒的資源倒慧,并且包含了面向 props 的示例按摘。
幫助您編寫異步 JS 代碼的 14 條Linting 規(guī)則 - 瀏覽 ESLint 默認(rèn)附帶的各種規(guī)則 — 一種學(xué)習(xí)一些最佳實(shí)踐的有趣方式。
Next.js 的新中間件功能的內(nèi)容纫谅、時間炫贤、原因和方式 - 了解 Next.js 12.0 中的新 beta 功能:中間件。
Conquering JavaScript Hydration - Hydration在許多基于 JS 的網(wǎng)站生成器中發(fā)揮著重要作用付秕,但有時可能是性能瓶頸兰珍。本文是概念性的,但深入探討了新框架重新思考事物的一些方式询吴。
框架發(fā)布
- Preact 10.7.0 – 小巧掠河、快速的 React 替代品。
- wavesurfer 6.1.0 - 可導(dǎo)航的音頻可視化猛计。
- Vite 2.9.0 – 下一代前端工具唠摹。
- D3 7.4.0 – 數(shù)據(jù)驅(qū)動的文檔庫。
- React Testing Library 13 - 添加 React 18 支持奉瘤。
- MIDIVal 0.0.16 – MIDI 消息庫現(xiàn)在支持 MIDI 時鐘勾拉。
- ioredis 5 - 高性能 Node.js Redis 客戶端。
代碼和工具
Visual Studio Code 2022 年 3 月發(fā)布:VS Code 每月都會更新,但對于 JavaScript 開發(fā)人員來說望艺,這感覺像是更大的更新之一苛秕。本機(jī)本地歷史支持是主要功能,但 JS 調(diào)試器現(xiàn)在允許您收集和可視化堆配置文件以密切關(guān)注內(nèi)存分配找默。我們現(xiàn)在還可以在 HTML 文件中突出顯示 JS。
https://a11y-dialog.netlify.app/: 現(xiàn)在在很多情況下都可以用元素替換 JS 對話框
<dialog>
吼驶,但這并不總是需要的惩激。這是一個很好的實(shí)現(xiàn)——演示。PLV8 3.1:將 V8 引擎引入 PostgreSQL 數(shù)據(jù)庫:Postgres 是一個非常流行且可擴(kuò)展的關(guān)系數(shù)據(jù)庫蟹演,能夠用 JavaScript 而不是 PL/pgSQL 編寫過程可能會吸引您风钻。
Hackathon Starter: A Boilerplate for Node Web Apps :當(dāng)您可能想快速開始構(gòu)建 Node 應(yīng)用程序時,包括 auth/OAuth酒请、Bootstrap 5骡技、帳戶管理、電子郵件表單等關(guān)鍵功能羞反。
Encoding.js 2.0:轉(zhuǎn)換或檢測 (.jp) 字符編碼:專門用于支持日文字符的編碼布朦,包括 Shift_JIS、EUC-JP 和 UTF-8/16昼窗。
ts-audio 0.7.0:AudioContext 和播放音頻播放列表的簡單 API —這是一個演示是趴。