HTML - 缓存

HTML5 － 应用缓存

 web 应用可以进行缓存， 并且可以在没有互联网连接的时候进行访问

实现：

在文档 html 标签中包涵 manifest  

mainfest 文件扩展名 建议是 ".appcache"

Mainfest

1. CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存

2. NETWORK - 在此标题下列出的文件需要链接服务器， 不会呗缓存

3. FALLBACK - 在此标题下列出的文件规定当前页面无法访问时的回退页面  比如 404

// index.appcache

CACHE MANIFEST

CACHE:
    index.html
    style.css
    index.js

NETWORK:
    

 

这样可以根据哪些文件是容易被更改的 哪些文件是经常不更改的来选择哪些文件被缓存下来。 以便达到更快的访问速度

 

web Worker

运行在后台的 JavaScript， 独立于其他脚本 不会影响页面的性能

方法：

postMessage() - 它用于向html 页面传回一段消息

terminate() - 终止 web worker， 并且释放掉浏览器资源

事件：

onmessage

// count.js

var countNum = 0;
function count(){
    postMessage(countNum);
    countNum ++;
    setTimeout(count, 1000);
}
count();

// index.js
var numDiv;
window.onload = function(){
    numDiv = document.getElementById("div");
    var work = new Worker("count.js");
    work.onmessage = function (e){
        numDiv.innerHTML = e.data;
    }
}