前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程几于、一些框架的版本更新蕊苗、以及代碼和工具。每周定期發(fā)表沿彭,歡迎大家關(guān)注朽砰、轉(zhuǎn)載。
<span style="color:red;">如果外鏈不能訪問喉刘,關(guān)注公眾號(hào)前端每周看瞧柔,里面有解決辦法</span>
大事件
JS1024 2022 競賽優(yōu)勝者—— JS1024 是一項(xiàng)“代碼高爾夫”競賽,您有 15 天的時(shí)間在 1024 字節(jié)內(nèi)創(chuàng)建 JavaScript 或 GLSL 程序睦裳。這會(huì)產(chǎn)生許多創(chuàng)意造锅,并帶有出色的(非縮小)源代碼可供查看推沸。獲勝的 JS 條目是這款古怪的打字游戲,獲勝的基于著色器的條目是3D 隧道體驗(yàn)。這里有很多東西要學(xué)鬓催,因?yàn)檫@些人使用了書中的每一個(gè)技巧肺素,包括在一個(gè)使用Brotli 和特制 WOFF2 字體文件(!)
Docusaurus 2.0 發(fā)布——Docusaurus 支持的站點(diǎn)在 JS 空間中無處不在(例如Babel 文檔)宇驾,經(jīng)過四年的努力倍靡,流行的 React 支持的、以文檔為中心的靜態(tài)站點(diǎn)生成器的2.0 版就在這里课舍。從頭開始重建塌西,它添加了MDX支持、新的插件系統(tǒng)筝尾、主題捡需、暗模式、SPA 導(dǎo)航筹淫、離線支持等等站辉。
Electron 20:跨平臺(tái)桌面應(yīng)用程序框架——20 聽起來像是一個(gè)很大的、圓形的版本號(hào)损姜,但它主要是一個(gè)典型的版本饰剥。Chromium 升級(jí)到 v104,V8 升級(jí)到 10.4摧阅,Node 升級(jí)到 16.15.0汰蓉。Windows 獲得了“沉浸式黑暗模式”,Electron 窗口現(xiàn)在可以“浮動(dòng)”在全屏應(yīng)用面板樣式上棒卷。
文章
檢查原生 JavaScript 函數(shù)是否是“猴子補(bǔ)丁” — 隨著 JavaScript 的活力顾孽,函數(shù)可能會(huì)被覆蓋(或“猴子補(bǔ)丁”,因?yàn)橛行┤朔Q之為運(yùn)行時(shí)修改的想法)娇跟,但是有(不完美的)方法來查看是否這已經(jīng)發(fā)生了岩齿。
關(guān)于用 Bud 更快地構(gòu)建現(xiàn)代Web 應(yīng)用程序 — Bud(不,不是Bun)是一個(gè)相對(duì)較新的 Go(lang) 和 JavaScript 驅(qū)動(dòng)的全棧 Web 框架苞俘,有很多好主意 – ?? 這個(gè) 15 分鐘的視頻創(chuàng)建一個(gè)黑客新聞克隆這是一個(gè)有趣的演示盹沈。如果 Go 在后端適合您,那么值得一看吃谣。
React 中從 500 毫秒到 1.7 毫秒 — 緩慢的自定義網(wǎng)格觸發(fā)了分析一些瓶頸的旅程乞封,隨后進(jìn)行了一些調(diào)整,從而顯著提高了性能岗憋。
util.parseArgs()在 Node.js 中解析命令行參數(shù) — 今年 Node 18.3 中添加的一項(xiàng)功能肃晚。
框架發(fā)布
- Parcel 2.7
- Ember 4.6
- Ionic 6.2 - 跨平臺(tái)應(yīng)用程序構(gòu)建工具包。
- Redwood 2.2 – React 支持的全椬懈辏框架关串。
- 賽普拉斯 10.4 – 任何基于瀏覽器的流行測試方法拧廊。
- Ohm 16.4 – 解析器/解釋器構(gòu)建工具包。
- React Native Boilerplate 3.5 – RN 應(yīng)用程序的入門模板晋修。
- Stripe Node 10.0 – Stripe API 的 Node.js 庫吧碾。
- Electron Store 8.1 - Electron 應(yīng)用程序的簡單數(shù)據(jù)持久性。
- Meriyah 4.3 – 兼容的墓卦、自托管的 JS 解析器倦春。( Demo )
- React Spreadsheet Grid 2.3 – React 的類似 Excel 的網(wǎng)格組件。
- Inferno 8.0.2 – 快速落剪、類似 React 的庫睁本。
- Peaks.js 2.0.3 – BBC 的音頻波形 UI 組件。
代碼和工具
vue-grid-layout:適用于 Vue.js 的可拖動(dòng)和可調(diào)整大小的網(wǎng)格布局:類似于Gridster.js(來自 jQuery 時(shí)代V也馈)呢堰,但適用于 Vue.js。主頁上有一個(gè)演示脑又。
safe-json-value:當(dāng) JSON 序列化不能失敗時(shí):防止JSON.serialize()拋出異常暮胧、更改類型或以其他方式意外轉(zhuǎn)換值,因?yàn)橛袝r(shí)您需要那種保證问麸。
colorgrad:高性能往衷、Rust 驅(qū)動(dòng)的顏色漸變庫:在幕后使用 Rust 編譯到 WebAssembly——非常現(xiàn)代严卖!如果您也想嘗試它席舍,它也是一個(gè)很好的小型代碼庫,可以用來學(xué)習(xí)該技術(shù)哮笆。
Embla Carousel 7: Carousel with Fluid Motion 和“Swipe Precision”:一個(gè)備受詬病的 UI 元素来颤,但這些示例對(duì)我們來說效果很好。與庫無關(guān)稠肘,但如果需要福铅,可以輕松集成 React、Vue 和 Svelte项阴。
Nativefier:使任何網(wǎng)頁成為桌面應(yīng)用程序:一個(gè)基本的 Node.js 驅(qū)動(dòng)工具滑黔,用于為任何使用 Electron 作為 web 視圖的網(wǎng)站創(chuàng)建桌面“應(yīng)用程序”。適用于 Windows环揽、macOS 和 Linux略荡。
ts-version:從 Types 訪問當(dāng)前的 TypeScript 版本:創(chuàng)建者說得最好: “對(duì) TS 版本如何處理您的包略有不同感到沮喪,但又不想使用 TypesVersions 發(fā)布您的類型的完整副本歉胶?現(xiàn)在您可以根據(jù) TS 版本調(diào)整您的類型汛兜!”