前端周刊第三十一期

前端周刊發(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)用面板樣式上棒卷。

文章

  1. 檢查原生 JavaScript 函數(shù)是否是“猴子補(bǔ)丁” — 隨著 JavaScript 的活力顾孽,函數(shù)可能會(huì)被覆蓋(或“猴子補(bǔ)丁”,因?yàn)橛行┤朔Q之為運(yùn)行時(shí)修改的想法)娇跟,但是有(不完美的)方法來查看是否這已經(jīng)發(fā)生了岩齿。

  2. 關(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 在后端適合您,那么值得一看吃谣。

  3. React 中從 500 毫秒到 1.7 毫秒 — 緩慢的自定義網(wǎng)格觸發(fā)了分析一些瓶頸的旅程乞封,隨后進(jìn)行了一些調(diào)整,從而顯著提高了性能岗憋。

  4. util.parseArgs()在 Node.js 中解析命令行參數(shù) — 今年 Node 18.3 中添加的一項(xiàng)功能肃晚。

框架發(fā)布

  1. Parcel 2.7
  2. Ember 4.6
  3. Ionic 6.2 - 跨平臺(tái)應(yīng)用程序構(gòu)建工具包。
  4. Redwood 2.2 – React 支持的全椬懈辏框架关串。
  5. 賽普拉斯 10.4 – 任何基于瀏覽器的流行測試方法拧廊。
  6. Ohm 16.4 – 解析器/解釋器構(gòu)建工具包。
  7. React Native Boilerplate 3.5 – RN 應(yīng)用程序的入門模板晋修。
  8. Stripe Node 10.0 – Stripe API 的 Node.js 庫吧碾。
  9. Electron Store 8.1 - Electron 應(yīng)用程序的簡單數(shù)據(jù)持久性。
  10. Meriyah 4.3 – 兼容的墓卦、自托管的 JS 解析器倦春。( Demo )
  11. React Spreadsheet Grid 2.3 – React 的類似 Excel 的網(wǎng)格組件。
  12. Inferno 8.0.2 – 快速落剪、類似 React 的庫睁本。
  13. Peaks.js 2.0.3 – BBC 的音頻波形 UI 組件。

代碼和工具

  1. vue-grid-layout:適用于 Vue.js 的可拖動(dòng)和可調(diào)整大小的網(wǎng)格布局:類似于Gridster.js(來自 jQuery 時(shí)代V也馈)呢堰,但適用于 Vue.js。主頁上有一個(gè)演示脑又。

  2. safe-json-value:當(dāng) JSON 序列化不能失敗時(shí):防止JSON.serialize()拋出異常暮胧、更改類型或以其他方式意外轉(zhuǎn)換值,因?yàn)橛袝r(shí)您需要那種保證问麸。

  3. colorgrad:高性能往衷、Rust 驅(qū)動(dòng)的顏色漸變庫:在幕后使用 Rust 編譯到 WebAssembly——非常現(xiàn)代严卖!如果您也想嘗試它席舍,它也是一個(gè)很好的小型代碼庫,可以用來學(xué)習(xí)該技術(shù)哮笆。

  4. Embla Carousel 7: Carousel with Fluid Motion 和“Swipe Precision”:一個(gè)備受詬病的 UI 元素来颤,但這些示例對(duì)我們來說效果很好。與庫無關(guān)稠肘,但如果需要福铅,可以輕松集成 React、Vue 和 Svelte项阴。

  5. Nativefier:使任何網(wǎng)頁成為桌面應(yīng)用程序:一個(gè)基本的 Node.js 驅(qū)動(dòng)工具滑黔,用于為任何使用 Electron 作為 web 視圖的網(wǎng)站創(chuàng)建桌面“應(yīng)用程序”。適用于 Windows环揽、macOS 和 Linux略荡。

  6. ts-version:從 Types 訪問當(dāng)前的 TypeScript 版本:創(chuàng)建者說得最好: “對(duì) TS 版本如何處理您的包略有不同感到沮喪,但又不想使用 TypesVersions 發(fā)布您的類型的完整副本歉胶?現(xiàn)在您可以根據(jù) TS 版本調(diào)整您的類型汛兜!”

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市通今,隨后出現(xiàn)的幾起案子粥谬,更是在濱河造成了極大的恐慌肛根,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件漏策,死亡現(xiàn)場離奇詭異晶通,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)哟玷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來一也,“玉大人巢寡,你說我怎么就攤上這事∫叮” “怎么了抑月?”我有些...
    開封第一講書人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長舆蝴。 經(jīng)常有香客問我谦絮,道長,這世上最難降的妖魔是什么洁仗? 我笑而不...
    開封第一講書人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任层皱,我火速辦了婚禮,結(jié)果婚禮上赠潦,老公的妹妹穿的比我還像新娘叫胖。我一直安慰自己,他們只是感情好她奥,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開白布瓮增。 她就那樣靜靜地躺著,像睡著了一般哩俭。 火紅的嫁衣襯著肌膚如雪绷跑。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評(píng)論 1 312
  • 那天凡资,我揣著相機(jī)與錄音砸捏,去河邊找鬼。 笑死讳苦,一個(gè)胖子當(dāng)著我的面吹牛带膜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播鸳谜,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼膝藕,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了咐扭?” 一聲冷哼從身側(cè)響起芭挽,我...
    開封第一講書人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤滑废,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后袜爪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蠕趁,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年辛馆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了俺陋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡昙篙,死狀恐怖腊状,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情苔可,我是刑警寧澤缴挖,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站焚辅,受9級(jí)特大地震影響映屋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜同蜻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一棚点、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧湾蔓,春花似錦乙濒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至傻丝,卻和暖如春甘有,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背葡缰。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來泰國打工亏掀, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人泛释。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓滤愕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親怜校。 傳聞我的和親對(duì)象是個(gè)殘疾皇子间影,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程茄茁、一些框架的版本更新魂贬、以及代碼和工具巩割。每周定期發(fā)表,歡迎大家關(guān)注付燥、轉(zhuǎn)...
    四六十閱讀 150評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件宣谈、文章教程、一些框架的版本更新键科、以及代碼和工具闻丑。每周定期發(fā)表,歡迎大家關(guān)注勋颖、轉(zhuǎn)...
    四六十閱讀 138評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件梆掸、文章教程、一些框架的版本更新牙言、以及代碼和工具。每周定期發(fā)表怪得,歡迎大家關(guān)注咱枉、轉(zhuǎn)...
    四六十閱讀 76評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程徒恋、一些框架的版本更新蚕断、以及代碼和工具。每周定期發(fā)表入挣,歡迎大家關(guān)注亿乳、轉(zhuǎn)...
    四六十閱讀 78評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程径筏、一些框架的版本更新葛假、以及代碼和工具。每周定期發(fā)表滋恬,歡迎大家關(guān)注聊训、轉(zhuǎn)...
    四六十閱讀 142評(píng)論 0 0