视野修炼-技术周刊第53期

简介: 🔥强烈推荐1. rome 停止维护9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇

🔥强烈推荐

1. rome 停止维护

9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇

image.png

项目核心开发成员新切分支,并取名 Biome 进行后续的维护

image.png

2. Bun 1.0 正式发布 - 遥遥领先

9 月 8 日,前端运行时 Bun 1.0 正式发布。

不得不说这个包子还很可爱

image.png

至此,Bun 已经稳定并且适用于生产环境。

image.png

Bun 不仅是一个专注性能与开发者体验的全新 JavaScript 运行时,还是一个快速的、全能的工具包,可用于运行、构建、测试和调试JavaScript和TypeScript代码,无论是单个文件还是完整的全栈应用。

笔者目前运行ts都已经全用bun了 bun hello.ts ,速度遥遥领先

关于 Bun 的更多内容可以关注 awesome-bun

image.png

3. npkill - 轻松查找和删除 node_modules 文件夹

相信大家都见过下面这两个调侃node_modules巨大的趣图

image.png

image.png

而这个工具就能轻松的查找和删除 node_modules 文件夹

image.png

使用也非常简单,在待扫描的目录下执行npx npkill即可

image.png

上面是笔者扫描一个常用的开发目录效果

🔧开源工具&技术资讯

4. Web Infra:Bundler的设计取舍

作者在这篇文章中,分享了团队在开发Rspack之前尝试过的工具,对比了各种工具的优劣点,以及最终选择自建 Rspack 的原因。

非常赞同的一个点:公司里如果业务遇到阻塞性的使用问题,通常情况下是需要立马协助支持解决的

image.png

5. 纯前端JPG/PNG尺寸缩放+压缩的在线工具

张鑫旭大佬近期出品的小工具

特色“不仅可以压缩,还可以设置图片的尺寸

拿电脑里的狗狗图做了个测试

image.png

238.06K → 11.49K ↓95.17% 216x216

实现原理

  • JPG:canvastoDataURL方法
  • PNG:使用 UPNG.js

6. Web上体验Windows

image.png

emm,蛮有意思的一些项目

  • win12
  • win11
  • win7
  • winxp

7. Chrome 即将支持隐藏扩展的网络请求

这个在排查页面的加载问题时,非常有用,不用再去手动禁用扩展了

image.png

image.png

8. Yesicon - 开源、免费的矢量图标库 支持中文搜索

作者利用 ChatGPT 翻译了 Iconify 的 18 万个图标名。

image.png

相关文章
|
10月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
10月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
10月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
10月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
10月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
10月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
10月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
10月前
|
人工智能 前端开发 JavaScript
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
|
10月前
|
人工智能 IDE 开发工具
视野修炼-技术周刊第45期
🔥强烈推荐 1. Sass 支持直接在浏览器中编译 Sass Playground与Web IDE等场景不再依赖服务器来编译Sass。 使用方式也非常的简单,使用 script module,仅需2行代码即可使用。
|
10月前
|
人工智能 自然语言处理 前端开发
视野修炼-技术周刊第43期
🔥强烈推荐 1. 2023 Stackoverflow 开发者调查报告 开发人员类型:33%全栈,18%后端,7%前端... 2023 年延续了 JavaScript 的连胜势头,连续第 11 年成为最常用的编程语言 Node.js 和 React.js 是所有受访者最常用的两种 Web 技术 新开AI板块:受访者对AI搜索工具的首选是ChatGPT:83%的受访者在过去一年中使用过它