粥里有勺糖
Search K

Appearance

视野修炼第103期 | 优雅的移除事件 ​

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

下面开始本期内容的介绍ღ( ´･ᴗ･` )比心。

🔥强烈推荐 ​

1. 你不知道的 AbortController ​

① 终止fetch请求

js
const controller = new AbortController()

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

controller.abort() // 终止请求

② 取消事件监听

js
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() // 一次性取消相关事件监听

③ 请求超时控制

js
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 - 图片压缩工具 ​

⭐️强力推荐关注 ​

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