--- url: https://sugarat.top/weekly/2023-09-10.md description: >- ① rome 停止维护 ② Bun 1.0 正式发布 - 遥遥领先 ③ npkill - 轻松查找和删除 node_modules 文件夹 ④ Web Infra：Bundler的设计取舍 ⑤ 纯前端JPG/PNG尺寸缩放+压缩的在线工具 ⑥ Web上体验Windows ⑦ Chrome 即将支持隐藏扩展的网络请求 ⑧ Yesicon - 开源、免费的矢量图标库 支持中文搜索 --- # 视野修炼第53期 *笔者在GitHub开了个 discussion [🔥 技术&开源&文章推荐](https://github.com/ATQQ/sugar-blog/discussions/123)，欢迎读者推荐贡献内容或者知识渠道* 欢迎来到第 53 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介 \[\[toc]] **​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）** 下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。 ## 🔥强烈推荐 ### [1. rome 停止维护](https://www.51cto.com/article/765561.html) 9 月 2 日，Facebook 出品的前端工具链项目 Rome 宣布停止维护，团队相关成员也被解雇 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyMzcwNDgzMg==694323704832) 项目核心开发成员新切分支，并取名 [Biome](https://biomejs.dev/) 进行后续的维护 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyMzkzMTcxNA==694323931714) ### [2. Bun 1.0 正式发布](https://mp.weixin.qq.com/s/8V9Gg76nbUh7mxAwE4NZwQ) - 遥遥领先 9 月 8 日，前端运行时 Bun 1.0 正式发布。 *不得不说这个包子还很可爱* ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyNDA0MTAzNQ==694324041035) 至此，Bun 已经稳定并且适用于生产环境。 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyNDMzNzMwMA==694324337300) > Bun 不仅是一个专注性能与开发者体验的全新 JavaScript 运行时，还是一个快速的、全能的工具包，可用于运行、构建、测试和调试JavaScript和TypeScript代码，无论是单个文件还是完整的全栈应用。 *笔者目前运行ts都已经全用bun了 `bun hello.ts` ,速度遥遥领先* 关于 Bun 的更多内容可以关注 [awesome-bun](https://github.com/oven-sh/awesome-bun) ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyNDY3NTI3Mw==694324675273) ### [3. npkill](https://www.npmjs.com/package/npkill) - 轻松查找和删除 node\_modules 文件夹 相信大家都见过下面这两个调侃node\_modules巨大的趣图 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyOTAyODk2Ng==694329028966) ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyOTEwNTI1Ng==694329105256) 而这个工具就能轻松的查找和删除 node\_modules 文件夹 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyOTIxMjkyNQ==npkill-demo-0.10.0.gif) 使用也非常简单，在待扫描的目录下执行`npx npkill`即可 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyOTM3NjQ4MQ==694329376481) 上面是笔者扫描一个常用的开发目录效果 ## 🔧开源工具&技术资讯 ### [4. Web Infra：Bundler的设计取舍](https://github.com/web-infra-dev/wg/discussions/4) 作者在这篇文章中，分享了团队在开发Rspack之前尝试过的工具，对比了各种工具的优劣点，以及最终选择自建 Rspack 的原因。 *非常赞同的一个点：公司里如果业务遇到阻塞性的使用问题，通常情况下是需要立马协助支持解决的* ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyNTU4NTc5OA==694325585798) ### [5. 纯前端JPG/PNG尺寸缩放+压缩的在线工具](https://www.zhangxinxu.com/wordpress/2023/09/js-jpg-png-compress-tinyimg-mini/) 张鑫旭大佬近期出品的小工具 特色“不仅可以压缩，还可以**设置图片的尺寸**” *拿电脑里的狗狗图做了个测试* ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyNzk0NDk1MQ==694327944951) **238.06K → 11.49K ↓95.17% 216x216** 实现原理 * JPG：`canvas`的`toDataURL`方法 * PNG：使用 [UPNG.js](https://github.com/photopea/UPNG.js) ### [6. Web上体验Windows](https://mp.weixin.qq.com/s/HECAp1MhnOc5Jr4kyPsriQ) ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyODM5NjQ5MA==694328396490) emm，蛮有意思的一些项目 * [win12](https://tjy-gitnub.github.io/win12/desktop.html) * [win11](https://win11.blueedge.me/) * [win7](https://nainemom.github.io/win7/) * [winxp](https://winxp.vercel.app/) ### [7. Chrome 即将支持隐藏扩展的网络请求](https://twitter.com/addyosmani/status/1698583447651106945) 这个在排查页面的加载问题时，非常有用，不用再去手动禁用扩展了 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyODU2ODQyMw==694328568423) ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyODU4MzM0MQ==694328583341) ### [8. Yesicon - 开源、免费的矢量图标库](https://yesicon.app/) 支持中文搜索 > 作者利用 ChatGPT 翻译了 Iconify 的 18 万个图标名。 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyODk1MDIzNw==694328950237) ## 😛趣图 ![](https://img.cdn.sugarat.top/mdImg/MTY5NDMyOTUyODQyNQ==694329528425) *** 篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）[移步博客](https://sugarat.top/weekly/index.html) ## ⭐️强力推荐关注 * [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布 * [云谦：MDH 前端周刊](https://www.yuque.com/chencheng/mdh-weekly) - 前端资讯和分享 * [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭 * [前端RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章 * [省流](https://shengliu.tech/) - 有关行业📱、代码👨‍💻、科研🔬的有趣内容，每个工作日更新