建站
咨詢
售后
建站咨詢
新聞中心
介紹
Web Workers允許你在后臺運(yùn)行JavaScript代碼，而不會阻止web用戶界面。Web Workers可以提高網(wǎng)頁的整體性能，還可以增強(qiáng)用戶體驗(yàn)。Web Workers有兩種風(fēng)格 ——專用Web Workers和共享Web Workers。本文討論了你所需要知道的Web worker的七個關(guān)鍵方面，幫助你決定在應(yīng)用程序中使用它們的話。
為南華等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及南華網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、南華網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！
1.Web Workers允許你在后臺運(yùn)行JavaScript代碼
通常，你在Web頁面中編寫的JavaScript代碼在與用戶界面相同的線程中執(zhí)行。這就是為什么當(dāng)你點(diǎn)擊一個會觸發(fā)漫長處理過程的按鈕，網(wǎng)頁的用戶界面會凍結(jié)。除非處理完成，否則你就無法工作于用戶界面。Web worker允許你在后臺執(zhí)行JavaScript，以便用戶界面保持響應(yīng)，即使同時正在執(zhí)行某些腳本。執(zhí)行腳本的后臺線程通常稱為worker thread或worker。你可以生成盡可能多的worker，只要你想。你還可以將數(shù)據(jù)傳遞到正在worker thread中執(zhí)行的腳本，并在完成時將值返回到主線程。然而，Web Workers有一些限制，如下所示：
- Web Workers無法從web頁面訪問DOM元素。
- Web Workers無法從web頁面訪問全局變量和JavaScript函數(shù)。
- Web Workers不能調(diào)用alert()或confirm()函數(shù)。
- 不能在Web Workers中訪問諸如窗口，文檔和parent這樣的對象。
但是，你可以使用setTimeout()，setInterval()等函數(shù)。你也可以使用XMLHttpRequest對象向服務(wù)器發(fā)出Ajax請求。
2.Web Workers有兩種類型
Web Workers有兩種類型：專用Web Workers和共享Web Workers。專用Web Workers隨同創(chuàng)建它們的網(wǎng)頁一起存在和死亡。這意味著在網(wǎng)頁中創(chuàng)建的專用Web Workers無法通過多個網(wǎng)頁訪問。另一方面，共享Web Workers在多個網(wǎng)頁之間是共享的。Worker類代表專用Web Workers，而SharedWorker類代表共享Web Workers。
在許多情況下，專用Web Workers就可以滿足你的需求。這是因?yàn)橥ǔＤ阈枰趙orker thread中執(zhí)行一個網(wǎng)頁的特定腳本。然而，有時，你需要在worker thread中執(zhí)行一個腳本，并且這個worker thread對多個網(wǎng)頁通用。在這種情況下，創(chuàng)建許多專用Web Workers，每個頁面一個，還不如使用共享Web Workers。由一個網(wǎng)頁創(chuàng)建的共享web worker仍然可用于其他網(wǎng)頁。只有當(dāng)所有到它的連接被關(guān)閉，才能毀壞它。共享Web Workers比專用Web Workers更復(fù)雜一點(diǎn)。
3.Worker對象代表專用Web Worker
現(xiàn)在，你了解了Web Workers的基礎(chǔ)知識，讓我們看看如何使用專用Web Workers。下面討論的示例假設(shè)你已使用喜歡的開發(fā)工具創(chuàng)建了一個Web應(yīng)用程序，并且還在其Script文件夾中添加了jQuery和Modernizr庫。將HTML頁面添加到web應(yīng)用程序，然后鍵入以下代碼：
上面的HTML頁面包含一個觸發(fā)一些JavaScript處理的按鈕（btnStart）。請注意，該網(wǎng)頁引用了Modernizr和jQuery庫。