前端週刊第二十三期

前端週刊發表每週前端技術相關的大事件、文章教學、一些框架的版本更新、以及程式碼和工具。每週定期發表，歡迎大家關注、轉載。
如果外連不能存取，關注公眾號「前端每週看」，裡面有解決辦法

大事件

• 離職的網際網路人，都去哪兒了？——轉行，從接受落差開始。

• 用 JavaScript 解釋數學符號——數學有自己迷人的符號世界，但如果你覺得它有點不透明，這篇文章會有所幫助。它將許多數學符號領域歸結為JavaScript 等價物，從而更容易理解正在發生的事情。

• 「JavaScript Hydration 是一種解決方法，而不是解決方案」——許多新框架提供的 hydration 是否是不必要的開銷？Angular 的發明者 Miško 解釋了他為什麼這麼認為，並分享了 Qwik 框架使用的策略。

• Plasmo：「It's Like Next.js for Browser Extensions」——一個面向 React 和 TypeScript 的框架，用於構建您自己的瀏覽器擴充套件，包括實時重新載入、自動部署到主要瀏覽器擴充套件市場等。

文章

1. 半色調列印的 JavaScript — 一個令人愉快、實用且互動式的演練，介紹了使用基本 JavaScript 和畫布再現經典半色調樣式列印過程所涉及的內容。

2. 構建框架可互操作的 Web 元件 — 如果您使用不同的框架，如 React、Svelte、Vue 等你要？Web Components 提供了一種方法。

3. 使用 JavaScript 建立超聲波支付系統 - 一個有趣的裝置間超聲波資料傳輸實驗。

4. RedwoodJS 在 100 秒內解釋 - RedwoodJS是一個全棧 JS 框架，由 GitHub 的一位聯合創始人提供支援。

5. 通過 UTM 在 Apple Silicon Mac 上執行 Windows/ARM - 您是一個 macOS 使用者，想要啟動 Windows 以瞭解 Node.js 在那裡的工作方式、工具感覺如何等？

框架釋出

1. Flicking 4.9 – 靈活的網路輪播控制元件。
2. Bree 9.0 – Node.js 作業排程程式。
3. Jasmine 4.2 – 測試框架。
4. EmojiMart 5.1 - 表情符號選擇器控制元件。
5. Puppeteer 14.3

程式碼和工具

1. KaTeX 0.16.0：最快的網路數學排版庫：數百個表示式要呈現在一個頁面上？儘管支援許多 TeX 函數，但也沒有問題，也沒有依賴關係。

2. Timeline JS：為 Web 建立有用的時間線：由大學的新聞實驗室構建，它的目標物件不是專業開發人員，而是隻需要線上講述故事或展示一些資料的人。

3. Fastify 4.0 釋出：Node.js Webapp 框架：兩年來流行的高效能 Node.js Web 框架的第一個主要版本值得慶祝。重點放在了穩定性、現代化和改進已經相當穩定的開發人員體驗上，而不是華而不實的新功能，儘管這篇文章確實涵蓋了一些更新。

4. pretty-ms：將毫秒轉換為人類可讀的字串： 1337000000→15d 11h 23m 20s。

5. 面向 UI 設計師的最佳 JavaScript 和 CSS 動畫庫：執行九個動畫選項，涵蓋優缺點以及何時選擇每個選項。

6. qnm：用於檢視node_modules目錄的 CLI 實用程式：目標是更輕鬆地檢視node_modules所選目錄中發生的情況，包括讓您搜尋包。同時支援 npm 和 Yarn。

7. is-online 10.0：檢查 Internet 連線是否正常：適用於 Node.js 和瀏覽器，並使用不同的方法檢查 Internet 是否真的可用。現在是一個純 ES 模組。