html本身无多线程能力，“html多线程”实为web worker实现的js后台计算分流，不解决html解析渲染慢问题，仅缓解js阻塞主线程卡顿。
HTML 本身没有多线程能力，所谓“HTML 多线程”实际是借用了 Web Worker 这个 JavaScript API 实现的后台计算分流——它不解决 HTML 解析或渲染慢的问题，只缓解 JS 计算阻塞主线程导致的卡顿。
Web Worker 不能代替优化 DOM 渲染
很多人以为开了 Worker 就万事大吉，结果发现页面依然卡：滚动掉帧、点击无响应、首屏白屏久。这是因为 Worker 完全不碰 DOM，而卡顿常来自以下三类主线程任务：
- 大量同步 DOM 操作（比如循环中反复
document.createElement+appendChild） - 未节流的 resize / scroll 事件处理器里触发重排（
offsetHeight、getComputedStyle） - Vue/React 组件挂载时执行重型初始化（如未 memo 化的
useEffect、未懒加载的图表库）
这类问题加再多 Worker 也无效。真正该做的是用 requestIdleCallback 拆分 DOM 批量操作，或用 IntersectionObserver 替代 scroll 监听。
Worker 创建和通信不当反而加重卡顿
常见错误是把 Worker 当成“一键加速开关”，忽视其调度和传输成本：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 每次点击都
new Worker('calc.js')：创建开销 ≈ 5–10ms，频繁新建比复用慢 3 倍以上 - 传 2MB 的
Uint8Array却不用 transferable：worker.postMessage(bigArray)触发结构化克隆，主线程卡顿可超 200ms - Worker 内无节制
console.log：每条日志都同步回传主线程，高频率下等效于持续 postMessage - 在 iOS WKWebView 中用
location.replace()后立刻启动 Worker：部分版本会强制同步刷新渲染树，导致跳转延迟
正确写法示例（传数组）：worker.postMessage({ type: 'PROCESS', data }, [data.buffer])；复用方案优先用 WorkerPool 类管理固定数量实例。
Chrome 对 Worker 的并发有硬限制
不是 CPU 有 8 核就能同时跑 8 个 Worker。Chrome 实际受三重约束：
- 每个渲染进程默认最多 20 个 Worker（可通过
chrome://flags/#max-workers-per-process查） - 内存压力大时自动终止低优先级 Worker（报错
Worker terminated.） - 即使开了 4 个 Worker，Performance 面板里时间线挤在一条上，说明被调度器串行执行了
验证真实并行必须用 chrome://tracing 筛选 Worker 和 Thread 事件，看不同 Worker thread N 是否有重叠执行段。别信任务管理器里的 CPU 百分比。
最易被忽略的一点：Worker 脚本必须走 HTTP(S) 同源加载，file:// 协议下直接报 SecurityError；本地开发务必起服务（如 npx serve），而不是双击 HTML 文件打开。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
