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

大事件

• Tesseract.js 3.0：用於 100 多種語言的純 JS OCR—— 基於 C++ 的Tesseract庫的一個埠，通常用於視覺文本識別。它甚至可以實時處理影片。v3 擁有顯著的性能提升，運行時間減少了 84%，現在在支援的情況下使用 SIMD。

• 提議的 JS 功能：提取器對象——在最近的 TC39 會議上進入第一階段是一項提議，能夠定義自己的邏輯（例如數據驗證或轉換）以作為對象解構過程的一部分運行。一個值得審查的建議。

• ‘React 我愛你，但你讓我失望’ —— 一個固執己見的 React 思想作品 – 歡呼😆 作者通過以「混合磁帶」風格觀察 React 的進展，並在其中加入程式碼和模因，從而獲得創意。

文章

1. Type-Level TypeScript: The Basics — 精美呈現的類型指南，包含要解決的挑戰。雖然承諾 11 個「章節」將帶您「從中級到高級」，但目前只有前兩個可用。它們涵蓋了TypeScript 為我們提供哪些類型的基礎知識。

2. 使用 Node.js 編寫 Shell 腳本 — Axel 花了幾個月的時間深入研究使用 Node 作為腳本語言的現實 — 這是最終結果。

3. How to Build a Scrollable Text Gallery in Three.js — 嘗試在Design Embraced上重現引人注目的滾動文本效果。這是排版和「網頁設計」達到 11..

4. Rest vs Spread 語法：…vs…… — Quick：和有什麼區別…？詭計問題。雖然它們看起來相同，但它們可以代表兩種不同的事物。

5. 2022 年《Gatsby》有什麼新變化？ — Gatsby（基於 React 的「反應式站點生成器」）今天可以做什麼，以及如何使用一些新功能來簡化從 v2 到 v4 的升級。

框架發布

1. Glide 3.6 – 無依賴的滑塊和輪播控制項。

2. React Calendar 3.9 – 強大的日曆組件。

3. Qwik 0.9 – 低 JS HTML-first 框架。

4. ws 8.9
   ↳ 用於 Node.js 的簡單快速的 WebSocket 客戶端和伺服器。

5. Semgrep 0.114
   ↳ 多語言靜態分析工具。考慮grep語法。

6. Flat 6.0 – 展平/取消展平嵌套對象。

7. React Joyride 2.5.3 – 為應用程式創建導覽。

8. Mantine 5.4 – 廣泛的 React 組件庫。

程式碼和工具

1. Linkify 4.0：以純文本形式鏈接 URL、電子郵件地址等：給定一些包含鏈接和電子郵件等內容的純文本，Linkify 將生成正確的程式碼以將其顯示在 Web 上。不僅是 URL 或電子郵件，還有主題標籤、@提及、IP 地址等。

2. TinyBase 2.0：用於構建應用程式狀態的庫：當您想要圍繞應用程式中的狀態管理進行更多資料庫式結構時。演示很好地解釋了，所以檢查一下。

3. .docxDOCX 7.5：從節點或瀏覽器生成 Word文件：布局文檔的程式碼非常冗長，但其中包含很多功能。這是一個基於 CodePen 的基本示例。

4. pcl.js：用於瀏覽器的點雲庫（PCL），由 WebAssembly 提供支援：「點雲」本質上是在 3D 空間中投影的大量點（現場示例。）這是將大型 C++ 庫引入

5. Japa：Node 的替代測試框架：Japa 與AdonisJS （一個 Node.js Web 框架）來自同一團隊，無需構建工具即可滑入您現有的工作流程。您可以獲得對端點的 OpenAPI 模式驅動測試、數據集驅動測試和 VS Code 擴展的一流支援。

6. Vue 的命令面板：Vue.js 的 Ctrl/Cmd+K 樣式介面：靈感來自 React 的cmdk和kbar。 順便說一句，如果您從未嘗試在瀏覽 GitHub 時按 Cmd+K（在非 Mac 上按 Ctrl+K）.. 試一試。

7. Precessing (p8g)：一個通用的、跨語言的 2D 庫：你很少看到一個用於 C、C++、Java和JavaScript 的圖形庫——是的，WebAssembly 再次負責。你會得到一個 Canvas-esque API ( docs ) 加上輸入處理。