视野修炼-技术周刊第103期 | 优雅的移除事件

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

🔥强烈推荐

1. 你不知道的 AbortController
2. AI 驱动的JS反混淆工具

🔧开源工具&技术资讯

3. 开源许可证选择
4. UptimeFlare - 网站在线状态监控
5. MingCute Icon - 开源图标库
6. JS 各个压缩库对比
7. 即将到来的 Deno 2.0
8. Compress JPG - 图片压缩工具

下面开始本期内容的介绍，预计阅读时间 6 分钟。

🔥强烈推荐

1. 你不知道的 AbortController

① 终止fetch请求

const controller = new AbortController()

const response = fetch('/api', {
  signal: controller.signal,
})

controller.abort() // 终止请求

② 取消事件监听

const controller = new AbortController()
window.addEventListener('resize', handleResize, {
  signal: controller.signal,
})
window.addEventListener('hashchange', handleHashChange, {
  signal: controller.signal,
})
window.addEventListener('storage', handleStorageChange, {
  signal: controller.signal,
})

controller.abort() // 一次性取消相关事件监听

③ 请求超时控制

fetch('/api', {
  signal: AbortSignal.timeout(1000),
})

兼容性还是很不错！又学到一手日常能用的。

2. AI 驱动的JS反混淆工具

目前支持 openai ，gemini，本地模型三种。

代码量少的可以试试，但常规的构建工具处理后的混淆js还是几十到几百 KB 不等，在线大模型还是费钱。

🔧开源工具&技术资讯

3. 开源许可证选择

通过几个简单的小问题，为你推荐合适的许可证！

4. UptimeFlare - 网站在线状态监控

一个由 Cloudflare Workers 驱动的功能丰富、Serverless 且免费的 Uptime 监控及状态页面。

5. MingCute Icon - 开源图标库

直接收藏，总能用上。

6. JS 各个压缩库对比

该仓库用于 JavaScript minifier 基准测试，测量了压缩的平均时间以及产物大小等关键的性能指标。

这个去年也推过一次，和去年的相比现在数据仅有很微小的变化。

7. 即将到来的 Deno 2.0

Deno 是一个简单、先进且安全的 JavaScript 和 TypeScript 运行时环境，其基于 V8 引擎并采用 Rust 编程语言构建。

有一些 break change，可以了解一下，国内企业使用的应该还比较少，日常可以拿来做 TS 执行工具。

8. Compress JPG - 图片压缩工具

⭐️强力推荐关注

周刊部分内容来源如下渠道，推荐大家关注。

• 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
• 云谦：MDH 前端周刊 - 前端资讯和分享
• 童欧巴：前端食堂 - 你的前端食堂，吃好每一顿饭
• 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
• 值得一读技术博客 - 每天进步一点点，每天分享有料的技术文章！
• FRE123 技术周刊精选 - 技术周刊精选推荐信息流