javascript单线程中长宏任务会导致掉帧卡顿，应拆分为多个小任务并用settimeout(…, 0)延后执行，为浏览器留出渲染时间。
JavaScript 是单线程的，宏任务（如 setTimeout、setInterval、I/O 回调、UI 渲染后的事件循环阶段）一旦执行时间过长，就会抢占主线程，导致浏览器无法及时完成渲染帧（60fps ≈ 每 16.7ms 一帧），从而出现掉帧、卡顿甚至界面冻结。
拆分长耗时宏任务，主动让出主线程
把一个需大量计算或遍历的宏任务，切分成多个小任务，每个任务执行后用 setTimeout(..., 0) 或 queueMicrotask（注意：后者是微任务，慎用）延后下一段，给浏览器留出渲染机会。
- 例如遍历 10 万条数据做处理，不要一次性
for (let i = 0; i - 改用“时间切片”方式：每次最多执行 1~2ms（可用
performance.now()控制），然后setTimeout调度下一批 - 简单示意：
function processInChunks(data, chunkSize = 1000) {
let index = 0;
function doChunk() {
const start = performance.now();
while (index 优先使用 requestIdleCallback 做低优先级后台工作
该 API 会在浏览器空闲时段（即主线程无待处理渲染、事件、宏/微任务时）回调，天然适配防掉帧场景，适合日志上报、预加载、非即时 DOM 更新等。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 支持传入
{ timeout: 2000 }防止任务被无限推迟 - 回调中通过
deadline.timeRemaining() > 0判断是否还能继续执行 - 注意兼容性：IE 不支持，可降级为
setTimeout(..., 1)
避免在宏任务中强制同步布局（Layout Thrashing）
频繁读写交替的 DOM 操作（如循环中先 el.offsetHeight 再 el.style.height = ...）会触发多次强制同步重排，极大拖慢宏任务执行速度。
- 批量读取：把所有需要的 layout 信息（
offsetTop、getBoundingClientRect等）一次性读完 - 批量写入：把所有样式修改合并到一次操作（如用
className切换 CSS 类，或用style.cssText） - 必要时用
document.createDocumentFragment批量构建 DOM 后再挂载
用 Web Worker 卸载纯计算型宏任务逻辑
若宏任务主体是密集型计算（如解析大 JSON、加密、图像处理），且不涉及 DOM，应移至 Web Worker 中运行，完全不阻塞主线程。
- 主线程只负责通信：
worker.postMessage(data)发送，监听message接收结果 - Worker 中用
self.onmessage处理，完成后self.postMessage(result) - 注意：Worker 无法访问
window、document，DOM 操作仍须主线程完成
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
