前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程嵌莉、一些框架的版本更新进萄、以及代碼和工具。每周定期發(fā)表，歡迎大家關(guān)注中鼠、轉(zhuǎn)載可婶。
<span style="color:red;">如果外鏈不能訪問(wèn)，關(guān)注公眾號(hào)前端每周看援雇，里面有解決辦法</span>
大事件
Astro 1.0：基于 Fast Islands 的前端框架—— 盡管它相對(duì)年輕矛渴，但 Astro 已經(jīng)對(duì)廣泛的用戶產(chǎn)生了巨大的影響，并且支持幾乎所有其他框架或開(kāi)發(fā)工具惫搏。它基于“孤島”具温，其中快速 HTML 可以代替組件，然后可以根據(jù)用戶交互需求延遲加載筐赔。1.0 引入了新的圖像和圖片組件铣猩、MDX/Markdown 支持和 SSR 構(gòu)建。
Patterns.dev：現(xiàn)代 Web 應(yīng)用程序設(shè)計(jì)模式——一本免費(fèi)的書(shū)茴丰，您可以下載 PDF 格式或在 Web 上欣賞达皿。了解許多基礎(chǔ)知識(shí)，從不同風(fēng)格的渲染或?qū)胭Y源如何工作到性能優(yōu)化和案例研究贿肩。
文章
編寫(xiě)更小的 JavaScript 代碼的打高爾夫球技巧和竅門(mén) — 編寫(xiě)盡可能簡(jiǎn)潔的代碼通常是不可取的——這對(duì)你的同事來(lái)說(shuō)并不有趣峦椰，而且你的構(gòu)建過(guò)程可能會(huì)縮小你的代碼！但是汰规，如果您需要擠入盡可能少的字符并且可以容忍一些混亂......這是一個(gè)完整的想法列表和本身的學(xué)習(xí)經(jīng)驗(yàn)汤功！
“我們?nèi)绾我约盀槭裁磸?GOV.UK 中刪除 jQuery” — 今年我們已經(jīng)多次提到英國(guó)政府?dāng)?shù)字團(tuán)隊(duì)對(duì) jQuery 的剔除，但現(xiàn)在有一個(gè)（簡(jiǎn)要）解釋它是如何發(fā)生的溜哮。
How To Use Multithreading in Node.js — 一個(gè)實(shí)用的演練冤竹，介紹 Node 如何使用線程，以及你如何以及為什么在 Web 應(yīng)用程序中自己使用工作線程茬射。
Record and Tuple: Immutable Data Structures in JS — JSNation 2022 討論了當(dāng)前通過(guò) TC39 推進(jìn)的提案背后的動(dòng)機(jī)。
框架發(fā)布
- Playwright 1.25.0 - 瀏覽器遠(yuǎn)程控制和運(yùn)行工具包冒签。
- Lerna 5.4 – 在一個(gè)倉(cāng)庫(kù)中為多個(gè) JS 項(xiàng)目構(gòu)建系統(tǒng)在抛。
- Fastify 4.4 – 快速、低開(kāi)銷的 Web 框架萧恕。
- NodeBB 2.4 – 基于 Node.js 的論壇軟件刚梭。
- Color.js 0.4 – 顏色轉(zhuǎn)換和操作庫(kù)。
- Jayson 4.0 – 用于 Node.js 的 JSON-RPC 客戶端/服務(wù)器票唆。
- vite-plugin-eslint 1.8 – Vite 的 ESLint 插件朴读。
- Faker 7.4 – 生成大量虛假數(shù)據(jù)。
- COBE 0.6 – 5KB WebGL 地球庫(kù)走趋。（演示衅金。）
- html-to-image 1.10 – 從 DOM 節(jié)點(diǎn)生成圖像。
- Juice 8.1 – 將 CSS 樣式表內(nèi)聯(lián)到您的 HTML 源代碼中。
代碼和工具
Grex：一種從提供的示例生成正則表達(dá)式的方法：這個(gè)演示非常有趣氮唯。Grex 是一個(gè)基于 Rust 的 JavaScript 項(xiàng)目改進(jìn)鉴吹，通過(guò) WebAssembly 可以再次從 JavaScript 中使用。這是一個(gè)非常巧妙的想法惩琉，雖然它并不完美豆励，但它可以為您提供一些制作正則表達(dá)式的靈感。
Cloudscape：AWS 的 React 組件設(shè)計(jì)系統(tǒng)：專為 Amazon Web Services 構(gòu)建并由其使用瞒渠，您可以獲得66 個(gè)組件良蒸、關(guān)于設(shè)計(jì)最佳實(shí)踐的自以為是的指南以及許多演示。
Million 1.12：一種快速且小型的虛擬 DOM 實(shí)現(xiàn)：專注于性能和以低于 1KB 的壓縮率交付伍玖，如果您希望在構(gòu)建自己的框架時(shí)使用不可知的 VDOM 實(shí)現(xiàn)或只是降低一點(diǎn)級(jí)別嫩痰，Million 是理想的選擇∷骄冢“把它想象成 React 的 API 和 Svelte 的編譯器生了一個(gè)孩子始赎。”
React Rating：Easy Star Ratings 組件：基于 SVG仔燕。沒(méi)有依賴關(guān)系造垛。查看許多示例，看看它是否得到您的
Size Limit 8.0: Performance Budgeting Tool for JavaScript：計(jì)算運(yùn)行 JS 應(yīng)用程序或庫(kù)的實(shí)際“成本”晰搀，以保持對(duì)性能的關(guān)注并在出現(xiàn)問(wèn)題時(shí)引發(fā)錯(cuò)誤（例如五辽，在 CI 中）。支持 ES 模塊和搖樹(shù)外恕。
svg2pdf.js：基于瀏覽器的 SVG 到 PDF 轉(zhuǎn)換器：有一個(gè)在線游樂(lè)場(chǎng)可以讓您了解它的功能杆逗。
brotli-wasm: Brotli Compressor and Decompressor：通過(guò) WebAssembly覆蓋 Node和瀏覽器。
Grakkit：Minecraft 的現(xiàn)代 JS 開(kāi)發(fā)環(huán)境：通過(guò) GraalVM 將 JS 和 Minecraft 結(jié)合在一起鳞疲。
