rogerxu / rogerxu.github.io

Roger Xu's Blog
2 stars 2 forks source link

Web Worker #229

Open rogerxu opened 6 years ago

rogerxu commented 6 years ago

Web Workers API - Web APIs | MDN

Using Web Workers - Web APIs | MDN

Web Worker 使用教程 - 阮一峰的网络日志

rogerxu commented 6 years ago

98 Service Worker

rogerxu commented 5 years ago

main.js

var myWorker = new Worker('worker.js');
myWorker.postMessage([first.value,second.value]);

myWorker.onmessage = function(e) {
  result.textContent = e.data;
  console.log('Message received from worker');
}

worker.js

onmessage = function(e) {
  console.log('Message received from main script');
  var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
  console.log('Posting message back to main script');
  postMessage(workerResult);
}