Web Worker计算演示 - 后台斐波那契不卡顿

• Dedicated Worker（专用 Worker）：最常用，仅能被创建它的脚本访问，一对一通信。本演示使用的就是这种。
• Shared Worker（共享 Worker）：可被多个同源页面/脚本共享，适合跨标签页通信场景。
• Service Worker：充当网络代理，用于离线缓存、推送通知、后台同步等，是 PWA 的核心技术。

• DOM（document、window 等不可用）
• 父页面的全局变量
• localStorage / sessionStorage（但可使用 IndexedDB）

• CPU 密集型计算：如斐波那契、素数筛选、加密解密、哈希计算
• 大数据处理：CSV/JSON 解析、数据聚合、排序、过滤
• 图像/视频处理：Canvas 像素操作、滤镜、压缩
• 实时数据流：WebSocket 消息处理、传感器数据解析
• 代码编译：如在线 IDE 的 TypeScript/WebAssembly 编译

// worker.js
self.onmessage = function(e) {
    const result = heavyComputation(e.data);
    self.postMessage(result);
};
// 主线程
const worker = new Worker('worker.js');
worker.onmessage = (e) => console.log('结果:', e.data);
worker.postMessage(inputData);

const code = `self.onmessage=function(e){...}`;
const blob = new Blob([code], {type:'application/javascript'});
const url = URL.createObjectURL(blob);
const worker = new Worker(url);
// 使用完毕后释放
URL.revokeObjectURL(url);