正在加载...

HTML Web Workers

Web Workers 在后台线程跑 JS。

直接回答

new Worker + postMessage。Worker 不能直接操作 DOM。

Worker pattern (page side)

html
HTML Code
<script>
const w = new Worker("worker.js");
w.postMessage(40);
w.onmessage = (e) => console.log("result", e.data);
</script>

worker.js 计算后 postMessage 回页面。

试一试

  1. 读文档示例
  2. DOM 只在主线程
  3. 重任务候选
  4. 进阶可选

常见错误

  • worker 里 querySelector
  • 路径/源不对

小结

  • 不阻塞 UI
  • 消息通信
  • worker 无 DOM
  • 重计算

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己,看看你对这个主题的理解程度如何

❓
3
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部