HTML - Web Workers
Overview
Estimated time: 20–30 minutes
Example
// main.js
const worker = new Worker('worker.js');
worker.onmessage = e => console.log('From worker:', e.data);
worker.postMessage({ op: 'sum', data: [1,2,3] });
// worker.js
self.onmessage = e => {
  if (e.data.op === 'sum') {
    const s = e.data.data.reduce((a,b)=>a+b,0);
    self.postMessage(s);
  }
};
Common Pitfalls
- Access to DOM is not available in workers.
- Module workers need type: 'module'and proper paths.