💡 痛点场景：老板亲自督查的紧急需求 某日收到线上预警：用户通过脚本0.5秒内狂点200次领券按钮，导致： 服务端资源被击穿 数据库产生脏数据 前端弹出上百个错误提示 老板要求：48小时内实现前端全局

1. 前端如何取消重复请求？ 2. 取消请求后服务端还会收到请求吗？ 3. 如何取消低优先级的请求？ 4. 图片懒加载时如何取消已触发但不在可视区的请求？ 5. AbortController还能做啥

背景 前置文章：浏览器: cookie机制完全解析 在考虑token是否应该存储在cookie或localStorage中时，我们需要综合考虑安全性、便利性、两者的能力边界以及设计目的等因素。 安全性

在Web应用中，文件上传是一项常见的功能。然而，当文件体积过大时，传统的文件上传方式往往会导致页面卡顿，用户体验不佳。为了解决这一问题，我们可以利用Web Worker技术来进行大文件的切片上传。

引入版本信息文件，通过打包工具写入打包时间戳，worker轮询版本文件Etag判断是否更新，实现前端更新部署后通知用户刷新

前端可以玩“锁”🔐了 “锁”经常使用在多进程的语言理和数据库事务的架构当中，现在 Web API 当中也提供了“锁”- Web Locks API。

面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？ 让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服务器直接崩溃啦！

前端常见的搜索、分页、选项卡等切换场景中，由于网络不确定性，先发出的请求不一定先响应，这会造成竞态问题。本文提供「取消」或「忽略」两种对过期请求竞态问题处理的方案。