💐 欢迎读者👉🏻 投稿 👈🏻分享内容
欢迎来到第 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工具。
使用非常简单
sh
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 技术周刊精选 - 前后端技术周刊精选推荐信息流