视野修炼-技术周刊第74期 | 火箭龟🚀🐢

💐 欢迎读者👉🏻 投稿 👈🏻分享内容

欢迎来到第 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 技术周刊精选 - 前后端技术周刊精选推荐信息流