h5应用缓存

应用缓存

数据缓存:localstorage
文件缓存:应用缓存,本地配置以后第二次不取了,当服务器改变就取新的,没改变时取缓存
         manifest文件主要分为三个部分
         CACHE MANIFEST: 在此标题下列出的文件将在首次下载后进行缓存
         NETWORK:在此标题下列出的文件需要与服务器的连接,且不会被缓存
         FALLBACK:在此标题下列出的文件规定当页面无法显示时的回退页面

配置:

html:
        <html lang="en" manifest="../main.manifest">

    manifest.manifest:
        CACHE MANIFEST:
        /main.js
        /index.css

        NETWORK:
            login.php
        
        FALLBACK:
            ./404/html

清除:

1 用户清空浏览器缓存
    2 manifest文件被修改
    3 由程序来更新应用缓存

优势:

离线浏览。用户可在应用离线时使用它们
    速度。已缓存资源加载更快
    减少服务器负载。浏览器将只从服务器下载更新过或更改过的资源。

兼容:

IE10以上

相关推荐