💐 歡迎讀者👉🏻 投稿 👈🏻分享內容
歡迎來到第 74 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介
🔥強烈推薦
- Node.js 正式推出了它的吉祥物 “火箭龜” - 🚀🐢
- Web 終極攔截技巧
🔧開源工具&技術資訊
- EasyDevo - Mac垃圾清理&系統監控
- Keep Screen On
- WXT - 下一代Web擴展開發框架
- Localtunnel - 內網穿透工具
- React 面試題和解答
- SVG 國旗圖標
📚 教程&文章
- SVG Tutorial - SVG 教程
- 14 分鐘入門 JavaScript - 交互式教程
- 英：如何居中一個 div
- 使用純 CSS 創建 DVD 動畫
🤖AI工具&資訊
- Sora 合集
也推薦大家關注一下最後的推薦內容（週刊的主要內容來源渠道）
下面開始本期內容的介紹，預計閱讀時間 9 分鐘。
🔥強烈推薦
1. Node.js 正式推出了它的吉祥物 “火箭龜” - 🚀🐢
衆所周知，在程序開發的各個語言和框架中，爲了讓大家深刻的記住和熟悉他們、更好的建立身份和社區感，往往會推出一個標誌性的吉祥物。
Node.js 自 2009 年誕生以來，一直沒有屬於它的吉祥物，前段時間在公開徵集了大家的意見後，於 2月20日 官宣了它的吉祥物：“火箭龜”。
當然有搞怪的，說火箭上少了 V8 的標誌
2. Web 終極攔截技巧
文章通俗的講解了Web場景下，各環節的攔截方法的實現（瀏覽器 API，事件 Dom，ServiceWorker，服務器）。
同時介紹注入攔截代碼的方式：修改html/js 資源內容，注入時機源碼，構建/服務推送，網關注入，瀏覽器插件，devtool。
同時簡單分析介紹了 WebContainer，沙盒，通用域名服務。
總之文章非常推薦一讀，還是很有價值
🔧開源工具&技術資訊
3. EasyDevo - Mac垃圾清理&系統監控
Mac 桌面應用，可以監控系統指標，清理垃圾，項目概況信息，開發者友好。下面一起看一下部分使用截圖：
| 系統監控 | node_modules 清理 | 項目統計 |
|---|---|---|
 |
 |
 |
有一說一 UI 挺漂亮的，部分功能也很實用
4. Keep Screen On
打開這個網頁，就可以讓電腦屏幕保持常亮，對 PC、Mac、Android、iOS 均有效
看了一下源碼，背後實現使用了 NoSleep.js
5. WXT - 下一代Web擴展開發框架
用於創建跨瀏覽器擴展的框架。適用於 Chrome、Firefox、Edge 和 Safari。
6. Localtunnel - 內網穿透工具
這一個基於 Node.js 實現的CLI工具。
使用非常簡單
npx localtunnel --port 4000
自動你的本地服務分配一個公網的 URL，使得公網可以訪問這個本地服務。
首次訪問，需要輸入自己的公網IP進行驗證。默認提供的域名是外網，有一定機率無法正常訪問。
localtunnel項目是開源的可以部署到自己的服務器+使用自定義域
7. React 面試題和解答
目前已經更新 338 道題。
8. SVG 國旗圖標
📚 教程&文章
9. SVG Tutorial - SVG 教程
介紹 SVG 圖片的教程（英文），共25節，有大量的例子。
10. 14 分鐘入門 JavaScript - 交互式教程
11. 英：如何居中一個 div
CSS 中曾經棘手的難題現在已經變得很簡單了，方法也很多。
這篇文章深入探討並分享了不同方法之間的權衡以及使用策略。
12. 使用純 CSS 創建 DVD 動畫
非常 Nice 值得學習。
🤖AI工具&資訊
13. Sora 合集
下面的網站收集了 Sora 模型公開的視頻和提示詞。
| SoraPrompts | SoraHub | Sora Videos |
|---|---|---|
 |
 |
 |
😛趣圖
AI巨頭
使用Div做爲Button
篇幅有限，如果你還沒看夠，可移步後面的推薦渠道，繼續遊覽，歷史週刊（<20）移步博客
⭐️強力推薦關注
- 阮一峯: 科技愛好者週刊 - 記錄每週值得分享的科技內容，週五發佈
- 雲謙：MDH 前端週刊 - 前端資訊和分享
- 童歐巴：前端食堂 - 你的前端食堂，喫好每一頓飯
- 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
- 值得一讀技術博客 - 每天進步一點點，每天分享有料的技術文章！
- FRE123 技術週刊精選 - 前後端技術週刊精選推薦信息流