💡 突破单线程限制：使用 Web Worker 实现前端的并行计算

Web Worker：释放主线程

JavaScript 运行在浏览器的主线程上，主线程不仅要执行 JS 代码，还要负责 DOM 操作、样式计算和渲染。如果执行了大量耗时的计算任务，主线程就会被阻塞，导致页面 卡顿甚至无响应。**Web Worker** API 允许开发者在 **后台线程** 中运行脚本。

使用 Worker 的场景与限制：

理想场景：

图像处理、大量数据计算、加密解密、大型文件的处理等纯计算密集型任务。

通信机制：

Worker 无法直接访问 DOM，它与主线程通过 **消息机制（`postMessage`）** 进行通信。发送和接收的数据会被 复制（或通过 Transferable Objects 转移）。

虽然 Web Worker 实现了并行计算，但其设计哲学是 **分离**。这意味着你不能在 Worker 中使用 DOM API 或 `window` 对象。正确使用 Web Worker，可以将耗时任务从主线程卸载，显著提升界面的 **响应性和流畅性**。对于任何需要进行大量复杂计算的前端应用来说，Web Worker 是保障用户体验的 关键技术。