欢迎来到第 81 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介
🔥强烈推荐
- Chrome devtools 124 新功能
- sshx - 终端协作
🔧开源工具&技术资讯
- ElemSnap - 浏览器美化截图插件
- PNPM v9发布
- Classnames - 变量命名单词表
- SVG Encoder - SVG 转其它编码
🤖AI工具&资讯
- 头像动漫化
也推荐大家关注一下最后的推荐内容(周刊的主要内容来源渠道)
下面开始本期内容的介绍,预计阅读时间 7 分钟。
🔥强烈推荐
1. Chrome devtools 124 新功能
① 新的自动填充面板

② CSS 嵌套展示支持

③ 一些弃用

上面三个变动是笔者觉得值得关注的,大概率用得上。
2. sshx - 终端协作
支持多人在同一终端里协作使用(通过 Web 浏览器操作)。

sh
# ① 安装
curl -sSf https://sshx.io/get | sh
# ② 启动
sshx
访问终端打印的结果即可在网页中看到与使用终端。
sh
sshx v0.2.3
➜ Link: https://sshx.io/s/VkYmwJp0hU#uHJAF2nAQNFwES
➜ Shell: /bin/zsh
笔者觉得这个工具很适合用于实时终端操作演示,或者终端远程协助。
🔧开源工具&技术资讯
3. ElemSnap - 浏览器美化截图插件
使用很简单,效果还可以,下面就是截图效果。

下面是编辑面板。

4. PNPM v9发布
兼容性:现在要求 Node.js 版本 >= 18。

Lock 文件:采用 Lockfile v9
。更好的降低 Git 冲突的概率,更高的可读性;不在支持 lockfile v5,需要使用 pnpm8 先转成 v6。
支持从 git 子目录安装依赖。
sh
pnpm add github:user/repo#path:packages/foo
5. Classnames - 变量命名单词表
用于寻找命名 HTML 类、CSS 属性或 JS 函数的灵感。
可以帮助解决编程中常见的"命名困难"问题,提供按主题分组的单词列表。

6. SVG Encoder - SVG 转其它编码
将 SVG 转换为不同格式的工具。

🤖AI工具&资讯
7. 头像动漫化
使用非常简单,上传一张图片即可,随手抓拍了一下对象😜。


底层使用 stable diffusion
。
😛趣图
最近实在是太忙了,没太多时间冲浪收集(已经连上 7 天班了😱!)
欢迎大家评论分享有趣的图片。
篇幅有限,如果你还没看够,可移步后面的推荐渠道,继续游览,历史周刊(<20)移步博客
⭐️强力推荐关注
- 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容,周五发布
- 云谦:MDH 前端周刊 - 前端资讯和分享
- 童欧巴:前端食堂 - 你的前端食堂,吃好每一顿饭
- 前端RSS - 根据 RSS 订阅源抓取最新前端技术文章
- 值得一读技术博客 - 每天进步一点点,每天分享有料的技术文章!
- FRE123 技术周刊精选 - 前后端技术周刊精选推荐信息流