網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

什麼是 Web Worker?

欄目: 互聯網 / 發佈於: / 人氣:1.61W

好多人不知道什麼是Web Worker,今天我就和大家説一説

什麼是 Web Worker?

操作方法

(01)web worker 是運行在後台的 JavaScript,不會影響頁面的性能。

什麼是 Web Worker? 第2張

(02)什麼是 Web Worker?當在 HTML 頁面中執行腳本時,頁面的狀態是不可響應的,直到腳本已完成。

什麼是 Web Worker? 第3張

(03)web worker 是運行在後台的 JavaScript,獨立於其他腳本,不會影響頁面的性能。您可以繼續做任何願意做的事情:點擊、選取內容等等,而此時 web worker 在後台運行。

什麼是 Web Worker? 第4張

(04)檢測 Web Worker 支持在創建 web worker 之前,請檢測用户的瀏覽器是否支持它:if(typeof(Worker)!=="undefined")  {  // Yes! Web worker support!  // Some code.....  }else  {  // Sorry! No Web Worker support..  }

什麼是 Web Worker? 第5張

(05)創建 web worker 文件現在,讓我們在一個外部 JavaScript 中創建我們的 web worker。在這裏,我們創建了計數腳本。該腳本存儲於 "demo_" 文件中:var i=0;function timedCount(){i=i+1;postMessage(i);setTimeout("timedCount()",500);}timedCount();

什麼是 Web Worker? 第6張

(06)以上代碼中重要的部分是 postMessage() 方法 - 它用於向 HTML 頁面傳回一段消息。註釋:web worker 通常不用於如此簡單的腳本,而是用於更耗費 CPU 資源的任務。

什麼是 Web Worker? 第7張

(07)創建 Web Worker 對象我們已經有了 web worker 文件,現在我們需要從 HTML 頁面調用它。下面的代碼檢測是否存在 worker,如果不存在,- 它會創建一個新的 web worker 對象,然後運行 "demo_" 中的代碼:if(typeof(w)=="undefined")  {  w=new Worker("demo_");  }

什麼是 Web Worker? 第8張