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

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

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

强烈推荐

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

开源工具&技术资讯

  1. 开源许可证选择
  2. UptimeFlare – 网站在线状态监控
  3. MingCute Icon – 开源图标库
  4. JS 各个压缩库对比
  5. 即将到来的 Deno 2.0
  6. 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 技术周刊精选 – 技术周刊精选推荐信息流
请登录后发表评论

    没有回复内容