JavaScript事件循环不避免阻塞，真正防卡顿靠开发者拆分长任务：切片执行（setTimeout/queueMicrotask）、Web Worker处理纯计算、requestIdleCallback执行低优先级任务、高频事件加防抖/节流。
JavaScript 事件循环本身不“避免”阻塞，它只是按规则调度任务；真正避免主线程长期占用，靠的是开发者主动把长任务拆开、移出或降级执行。
把长任务切片成小块执行
超过 50ms 的同步任务就会让用户感知卡顿。用 setTimeout 或 queueMicrotask 把大循环、大数据处理等拆成多次短任务，每次执行后让出主线程，给渲染和事件响应留出时间。
- 适合场景：遍历十万条数据、逐帧处理图像像素、递归解析深层嵌套结构
- 简单做法：用递归 +
setTimeout(..., 0)实现“暂停-继续”，确保每轮不超过 16ms（约一帧） - 注意：别用
for循环一口气干完，哪怕只是i++到一亿，也会卡死页面
用 Web Worker 处理纯计算型任务
图像压缩、加密解密、JSON 解析、复杂数学运算这类不涉及 DOM 的工作，完全可以交给 Web Worker。它在独立线程运行，完全不抢主线程资源。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 主线程只负责发消息、收结果，比如：
worker.postMessage({ type: 'sort', data: hugeArray }) - Worker 内部完成耗时操作后，再通过
postMessage把结果传回 - 不能直接操作 DOM，也不能访问
window或document，但对计算类任务足够了
非关键任务交给 requestIdleCallback
日志上报、预加载低优先级资源、清理缓存、统计埋点等不影响当前体验的任务，可以等浏览器空闲时再做。
立即学习“Java免费学习笔记（深入）”；
- 调用
requestIdleCallback(() => { /* 轻量后台任务 */ }, { timeout: 2000 }) - 浏览器会在帧末尾、无用户输入、无渲染压力时执行它；超时则强制执行，避免被无限搁置
- 比
setTimeout(..., 0)更智能，也更省资源
高频事件加防抖或节流
滚动、鼠标移动、窗口缩放、输入框输入这些事件每秒可能触发几十次，每个监听器都执行一段逻辑，积少成多就是长任务。
- 防抖（debounce）：等用户停下手再执行，适合搜索建议、窗口尺寸适配
- 节流（throttle）：固定频率执行，比如每 100ms 最多跑一次，适合滚动监听、Canvas 动画控制
- 现代写法可结合
addEventListener的{ passive: true }提升滚动流畅度
