解决浏览器无响应的核心是避免同步耗尽主线程，四类方法：web worker（纯计算）、requestanimationframe（边算边渲）、settimeout/queuemicrotask（需dom交互）、requestidlecallback（后台低优任务）。
复杂算法导致浏览器无响应，本质是同步执行耗尽主线程时间片，使事件循环无法调度渲染、输入等关键任务。解决核心不是“加快算法”，而是“不让它一口气跑完”。以下四类方法可直接落地，按适用场景选择：
用 Web Worker 卸载纯计算逻辑
适合图像压缩、大数据排序、密码学运算、JSON 解析等不操作 DOM 的场景。Worker 在独立线程运行，完全不抢主线程资源。
- 新建 calc.worker.js，把算法逻辑写进去（不能访问 document、window）
- 主线程用 new Worker('calc.worker.js') 启动，通过 postMessage 传入原始数据
- Worker 处理完后 postMessage 返回结果，主线程在 onmessage 中更新 UI
用 requestAnimationFrame 分批渲染+计算混合任务
适合需要边算边更新界面的场景，比如日志列表分批生成并插入 DOM、图表数据逐段绘制。
- 将 2 万条数据切为每批 30 条
- 每批处理完立即调用 requestAnimationFrame 触发下一批，浏览器会自动对齐下一帧（约 16ms 后）
- 确保单次处理不超过 5–8ms，留足时间给样式计算和绘制
用 setTimeout 或 queueMicrotask 切片执行
适合必须保留在主线程的任务，比如需频繁读取 DOM 尺寸、依赖闭包状态或调用第三方库回调的算法。
- 设定每批处理数量（如 100 个元素），处理完检查是否还有剩余
- 用 setTimeout(fn, 0) 或 queueMicrotask(fn) 推入下一批，主动让出控制权
- 避免固定延时（如 setTimeout(fn, 16)），优先用 0 延时 + 浏览器自动调度
用 requestIdleCallback 处理后台低优任务
适合非即时性工作：缓存预加载、日志聚合、非关键数据清洗、离线分析等。
- 包裹任务逻辑，每次执行前检查 deadline.timeRemaining() > 0.5
- 若剩余时间不足，退出并等待下次空闲；支持 Safari 降级方案（setTimeout + 时间戳兜底）
- 不适用于用户交互强相关或需及时反馈的计算
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
