Skip to content

视野修炼第74期 | 火箭龟🚀🐢

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

欢迎来到第 74 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´・ᴗ・` )比心

🔥强烈推荐

1. Node.js 正式推出了它的吉祥物 “火箭龟” - 🚀🐢

众所周知,在程序开发的各个语言和框架中,为了让大家深刻的记住和熟悉他们、更好的建立身份和社区感,往往会推出一个标志性的吉祥物。

Node.js 自 2009 年诞生以来,一直没有属于它的吉祥物,前段时间在公开征集了大家的意见后,于 2月20日 官宣了它的吉祥物:“火箭龟”。

当然有搞怪的,说火箭上少了 V8 的标志

2. Web 终极拦截技巧

文章通俗的讲解了Web场景下,各环节的拦截方法的实现(浏览器 API事件 DomServiceWorker服务器)。

同时介绍注入拦截代码的方式:修改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 模型公开的视频和提示词。

SoraPromptsSoraHubSora Videos

😛趣图

AI巨头

使用Div做为Button


篇幅有限,如果你还没看够,可移步后面的推荐渠道,继续游览,历史周刊(<20)移步博客

⭐️强力推荐关注