新的一週，快來看看上週發生了哪些新鮮事吧！

科技趣聞

1. 在 M1 Mac 上跑原生Linux

現在，M1 Mac 可以順利執行原生 Linux 了。專為蘋果自研晶片打造的 Asahi Linux 專案，Alpha 版本已經釋出。在完全相同的硬體上執行某些程式，Linux 竟然比 macOS 還快！

Asahi Linux 已在官方部落格平臺釋出了首個公開的 alpha 版本，適用於開發人員和高階使用者，支援 OTA 升級。

要想安裝 Asahi Linux，需要滿足以下要求：

• M1、M1 Pro 或 M1 Max 電腦（Mac Studio 除外）
• macOS 12.3 或更高版本，以管理員使用者身份登入
• 至少有 53GB 的可用磁碟空間（桌面安裝）。Asahi Linux Desktop 需要 15GB，但安裝程式會在 macOS 中保留額外的 38GB 磁碟空間，以避免破壞 macOS 更新。
• 連線到網際網路，安裝程式將下載 700MB ~ 4GB 的資料。

Asahi Linux 官網：http://asahilinux.org/

更新速遞

1. Node.js v12.22.12 (LTS) 釋出

4月5日，Node.js v12.22.12 (LTS) 釋出，這是 Node.js 12 的最終版本。Node.js 12 將在 2022 年 4 月 30 日達到生命週期結束狀態，之後將不會收到更新。Node.js強烈建議將應用程式遷移到 Node.js 16 或 14（兩者都是長期支援 (LTS) 版本），以便在 2022 年 4 月 30 日之後繼續接收未來的安全更新。

更新詳情：http://nodejs.org/en/blog/release/v12.22.12/

2. TypeScript 4.7 Beta 正式釋出

4月8日，TypeScript 4.7 首個 Beta 版本正式釋出。可以通過以下命令來使用beta版本： javascript npm install [email protected] TypeScript 4.7 新功能如下：

• Node.js 中的 ECMAScript 模組支援；
• 模組檢測控制；
• 計算屬性的控制流分析；
• 物件內函式型別推導增強；
• 引入例項化表示式；
• infer 關鍵字的 extends 約束；
• 型別引數提供可選的 Variance 註解；

• private欄位上的typeof支援；

• 自定義模組解析策略；
• 模組解析策略；
• 匯入語句的組織優化；
• 物件方法。

更新詳情：http://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/

開源趨勢

下面來看看上週Github上有哪些熱門的前端專案吧。

1. appsmith

appsmith 是一個用於構建管理面板、內部工具和儀表板的低程式碼專案。可以在幾分鐘內將任何資料來源轉換為內部應用程式。Appsmith 可以使用拖放 UI 元件來構建頁面，連線到任何 API、資料庫或 GraphQL 源並使用 JavaScript 物件編寫邏輯。

Star⭐： 14.8 k

本週Star⭐️： 1220

Github：http://github.com/appsmithorg/appsmith

2. developer-roadmap

developer-roadmap 是一個開發人員路線圖，包含了前端路線圖、後端路線圖、DevOps 路線圖、React 路線圖、Angular 路線圖、Android 路線圖、Python 路線圖、Go 路線圖、Java 路線圖、DBA 路線圖。

Star⭐： 191 k

本週Star⭐️： 933

Github：http://github.com/kamranahmedse/developer-roadmap

3. hackathon-starter

hackathon-starter 是個一個 Node.js Web 應用程式的樣板。

Star⭐： 33.2 k

本週Star⭐️： 504

Github：http://github.com/sahat/hackathon-starter

4. redwood

基於 React、GraphQL 和 Prisma 構建的全棧、多客戶端 JavaScript 框架。

Star⭐： 11.9 k

本週Star⭐️： 428

Github：http://github.com/redwoodjs/redwood

5. excalidraw

excalidraw 是一個用於繪製手繪圖的虛擬白板，支援多種圖形模板。

Star⭐： 28.4 k

本週Star⭐️： 328

Github：http://github.com/excalidraw/excalidraw

工具推薦

下面來推薦幾個好用的前端工具。

1. Link-to-qr

Link-to-qr 是一個免費的網站二維碼生成器。

官網：http://link-to-qr.com/

2. screen.guru

screen.guru 是一個線上工具，可為網站擷取螢幕截圖。

官網：http://screen.guru/

3. 3D Book Image CSS Generator

3D Book Image CSS Generator 是一個線上工具，可以快速輕鬆地建立 3D 書籍封面並將其應用到網站上。

官網：http://3dbook.xyz/

4. Vscode Dev

Vscode Dev 是微軟推出的在瀏覽器中執行的輕量級 VS Code。

官網：http://vscode.dev/

5. transition.css

Transition 可以用來生成過渡動畫，還提供了一組預定義的動畫供我們選擇。

官網：http://www.transition.style/

6. Glass UI

Glass UI 是一個基於 glassmorphism 設計規範的免費 CSS 生成器，可以用來快速設計和自定義樣式屬性。

官網：http://ui.glass/generator/

7. Type Scale

Type Scale 是一個可讓使用者按比例來顯示文字大小的線上工具。內建多種比例規模，使用者可以通過Scale選項來改變，還帶有實時預覽，簡單便捷。

官網：http://type-scale.com/

8. Browser frame

Browser frame 是一個在不同瀏覽器框架中來進行螢幕截圖的最簡單方法。它支援多種瀏覽器、作業系統和主題。

官網：http://browserframe.com/

9. Blob generator

Blob generator 可以通過 SVG 編輯為網頁建立複雜的形狀。我們只需要更改提供的屬性，程式碼就會自動生成。

官網：http://passionhacks.com/blob-maker/

10. CSS Value

CSS Value 可以很容易地確定某個 CSS 屬性的值。

官網：http://cssvalues.com/