應(yīng)用緩存
1.優(yōu)勢:
a.離線緩存
b.加載速度
c.減少服務(wù)器負(fù)載
2.實(shí)現(xiàn)
若需要程序緩存，需要在文檔<html> 標(biāo)簽中包含manifest屬性
manifest文件的建議的文件擴(kuò)展名:".appcache"
3.Manifest文件:
a.CACHE MANIFEST 在此標(biāo)題下列出的文件將在首次下載后進(jìn)行緩存
b.NETWORK 在此標(biāo)題下列出的文件需要與服務(wù)器的鏈接，且不會唄緩存
c.FALLBACK 在此標(biāo)題下列出的文件規(guī)定當(dāng)頁面無法訪問時(shí)的回退頁面(比如404頁面)
Web Worker
1.是運(yùn)行在后臺的JavaScript,獨(dú)立于其他腳本热凹，不會影響頁面的性能
2.方法:
postMessage() 用于向HTML頁面回傳一段消息
terminate() 終止web worker飞蹂，并釋放瀏覽器、計(jì)算機(jī)資源
3.事件:
onmessage
webWorker.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="webWorker.js"></script>
</head>
<body>
<div id="numDiv"></div>
<button id="start">start</button>
<button id="stop">stop</button>
</body>
</html>
webWorker.js文件
var numDiv;
var work = null;
window.onload = function(){
numDiv = document.getElementById("numDiv");
document.getElementById("start").onclick = startWorker;
document.getElementById("stop").onclick = stopWorker;
}
function startWorker(){
if(work){
return;
}
work = new Worker("count.js");
work.onmessage = function(e){
numDiv.innerHTML = e.data;
}
}
function stopWorker(){
if(work){
work.terminate();
work = null;
}
}
