HTML5 應(yīng)用緩存與Web Workers

什么是應(yīng)用程序緩存?

html5引入了應(yīng)用程序緩存,這意味著web應(yīng)用可進行緩存,并可在沒有因特網(wǎng)連接時進行訪問

應(yīng)用緩存的優(yōu)勢?

1.離線瀏覽,用戶可在應(yīng)用離線時使用它們

2.速度,已緩存資源加載得更快

3.減少服務(wù)器的負載,瀏覽器將只從服務(wù)器下載更新過或更改過的資源

那么緩存如何實現(xiàn)呢?

如需 啟用應(yīng)用程序緩存,請在文檔的<html>標(biāo)簽中包含manifest屬性,manifest文件的建議的文件擴展名是“.appcache’”

manifest文件:

1.CACHE MANIFEST 在此標(biāo)題下列出的文件將在首次下載后進行緩存

2.NETWORk:在此標(biāo)題下列出的文件需要與服務(wù)器的連接,并且不會被緩存

3.FALLBACK:在此標(biāo)題下列出的文件規(guī)定當(dāng)頁面無法訪問時的回退頁面(比如404頁面)

以上呢就是h5的應(yīng)用緩存,根據(jù)各個條件進行篩選部署到不同的標(biāo)題下

附注:manifest部署好后一定要引入到html標(biāo)簽中

二。什么是Web Worker呢?

Web Worker是運行在后臺的javaScript,獨立于其他腳本,不會影響頁面的性能

最好的解釋呢就是:其實我們整個程序在創(chuàng)建新的程序的時候它是存在一個線程,也就是主線程,在支持我們程序的運行,主線程的任務(wù)就是響應(yīng)ui的操作,如果這個時候你讓主線程做一個特別復(fù)雜的操作那肯定回很卡頓,很難響應(yīng)客戶的操作,那么這個繁重的任務(wù)呢可以通過web Worker進行處理,然后把處理的結(jié)果返回給我們主線程,這樣我們就可以看到了,就不會影響響應(yīng)頁面的執(zhí)行

方法:

PostMessage()-它用于向html頁面?zhèn)骰匾欢涡畔?/p>

terminate()-終止web Worker,并釋放瀏覽器/計算機資源

事件:onmessage

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容