学习笔记之web worker
生活随笔
收集整理的這篇文章主要介紹了
学习笔记之web worker
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? ?當在 HTML 頁面中執行腳本時，頁面的狀態是不可響應的，直到腳本已完成。
web worker 是運行在后臺的 JavaScript，獨立于其他腳本，不會影響頁面的性能。您可以繼續做任何愿意做的事情：點擊、選取內容等等，而此時 web worker 在后臺運行
當網頁運行比較復雜的效果時，網頁主線程加載較慢，這時就需要使用web worker。
使用方法：
????postMessage：用于向html頁面傳回一段消息
? ? terminate：終止web worker，并釋放瀏覽器/計算機資源
下面是一個計數代碼實例：
? ? worker.html:
?<!DOCTYPE?html> <html> <head?lang="en"><meta?charset="UTF-8"><title></title><script?src="worker.js"></script> </head> <body> <div?id="numDiv">0</div> <button?id="start">start</button> <button?id="stop">stop</button> </body> </html>???var?numDiv; var?work=null; window.onload?=?function(){numDiv?=?document.getElementById("numDiv");document.getElementById("start").onclick?=?function(){if(work){return;}work?=?new?Worker("count.js");work.onmessage?=?function(e){numDiv.innerHTML?=?e.data;}document.getElementById("stop").onclick?=?function(){if(work){work.terminate();work?=?null;}}} }count.js(web worker的主要代碼）:
轉載于:https://blog.51cto.com/9484767/1643674
總結
以上是生活随笔為你收集整理的学习笔记之web worker的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： loadrunner 参数化数据更新方式
- 下一篇： Zabbix Maintenance 维