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

news/2024/10/5 20:27:24/文章来源:https://www.cnblogs.com/roseAT/p/18440837

欢迎来到第 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 技术周刊精选 - 技术周刊精选推荐信息流

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/805975.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

联考题解

联考题解 龙(dragon) 难点: (1)删边后如何寻找新的最短路。 (2)A,B两方的决策互相影响十分复杂。 (3)如何统计每个起点的ans。 解题: (3)解决这类多起点一终点的问题,可以想到dp。 (1)解决这类最短路转移的问题,可以考虑最短路树。 (2)解决这类博弈问题,可…

IDEA如何对比不同分支某个文件的差异

前言 我们在使用IDEA开发时,经常是和Git一起使用的,这样能方便的管理我们的代码。 git的一个特点就是可以有很多分支,这些分支能让我们区分不同的功能等,非常方便。 有时候,我们需要查看下某个文件中,当前分支与某个分支的差异,应该如何操作呢? 如何查看不同分支的git差…

StatisticalTool使用教程

使用前提 待处理的表格必须为以下格式使用步骤新建一个文件夹(名称随意),并将待统计文件放入其中(待统计文件的名称随意,但不能为 0End.xls ) 将 StatisticalTool.exe 放入上述文件夹中(StatisticalTool.exe 文件不能重命名)保证文件夹中仅有 待统计文件 和 Statistica…

opencascade Bnd_B3d源码学习 包围盒

opencascade Bnd_B3d 包围盒方法 1 Bnd_B3d(); // 空构造函数。 2 Bnd_B3d(const gp_XYZ& theCenter, const gp_XYZ& theHSize); // 构造函数。 3 Standard_Boolean IsVoid() const; // 如果盒子是空的(未初始化),则返回 True。 4 void Clear(); // 重置盒子的数据。…

法定每月计薪天数 vs 法定每月工作天数 All In One

法定每月计薪天数 vs 法定每月工作天数 All In One 法定每月记薪天数 21.75天/月, 用于计算工资的发放,缺勤、事假的工资扣除 法定每月工作天数 20.83天/月, 用于计算加班时长、加班费法定每月计薪天数 vs 法定每月工作天数 All In One法定每月记薪天数 21.75天/月, 用于计算工…

“你好BOE”重磅亮相首届上海国际光影节 打造“艺术x科技”顶级影像盛宴

黄浦江畔,北外滩胜地。作为首届上海国际光影节虹口区分会场的重点项目之一,9月29日-10月5日,BOE(京东方)年度标杆性品牌巡展IP“你好BOE”Super O SPACE影像科技展在上海北外滩滨江5米平台盛大启幕,BOE(京东方)携手上海电影、上影元、OUTPUT、新浪微博、海信、OPPO、京…

2024 最新 Navicat Premium 17.0.13 简体中文版(亲测可用)

步骤如下: 一、官网下载安装包:https://www.navicat.com.cn/download/navicat-premium二、安装Navicat Premium 17注意:安装完后不要打开已打开自行退出 三、补丁下载关注后发送“navicat17”即可获取补丁下载地址,无套路。 四、安装补丁 先将下载下来的压缩包里面的winmm…

第二十七讲: 读写分离有哪些坑?

今年秋招,面试官隔着电脑屏幕看着简历上“熟悉搭建过mysql集群,能排错” 对你说:在mysql集群中,一般是一主多从的方式,即一台mysql机器做公司业务的读,其他机器留给客户查询做负载均衡。 hr问你:“老板开了一家金融公司,他要求客户在频繁资金流动下,时刻要保证拿到最新…

nodejs学习

nodejs中的v8引擎模块 一、promise钩子模块; 二、垃圾回收模块; 1、promise钩子包括: (1)onInit(callback) 在promise创建时调用; (2)onSettled(callback) 在fulfilled或rejected时调用; (3)onBefore(callback) 在promise继续执行之前调用的回调; (4)onAfter(cal…

【牛客训练记录】牛客周赛 Round 62

https://ac.nowcoder.com/acm/contest/91177#question赛后反思 一直都不会做期望,对于概率论相关的需要加强 A题 直接模拟字符串字符交换即可 #include <bits/stdc++.h> #define int long longusing namespace std;void solve(){string s; cin>>s;cout<<s[1…

Large_bins_attack

导言 在libc版本越来越高的情况下,许多旧的攻击方式已然失效,而large_bin_attack始终屹立不倒,是许多攻击方式的先决条件,这也是我们要学习它的原因 large_bin 概念 large_bin是一种堆分配的管理方式,是双向链表,用于管理大于某个特定大小阈值的内存块。一般而言,进入la…

直播的剪辑工作流/工具分享

基本流程获取素材 粗剪 导出音频识别成字幕文件 应用字幕并校准字幕 配bgm并进行精剪工具分享 一 获取直播素材高时效性-即录即拿:VLC media player、录屏软件(如Screen Record Pro等) 中时效性但解放双手-需要等待其录制/编码完成:biliup:如果想保持想保存为mp4,需要安装f…