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

科技趣聞

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/