视野修炼第74期 | 火箭龟🚀🐢
💐 欢迎读者👉🏻 投稿 👈🏻分享内容
欢迎来到第 74 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介
也推荐大家关注一下最后的推荐内容(周刊的主要内容来源渠道)
下面开始本期内容的介绍ღ( ´・ᴗ・` )比心。
🔥强烈推荐
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 技术周刊精选 - 前后端技术周刊精选推荐信息流