H5離線緩存基礎系列

1.什么是離線緩存

　　離線緩存：離線緩存可以將站點的一些文件緩存到本地，它是瀏覽器自己的一種機制，將需要的文件緩存下來，以便后期即使沒有連接網絡，被緩存的頁面也可以展示。

2.離線緩存的優勢

• 在沒有網絡的時候可以訪問到緩存的對應的站點頁面，包括html，js，css，img等等文件
• 在有網絡的時候，瀏覽器也會優先使用已離線存儲的文件，返回一個200（from cache）頭。這跟HTTP的緩存使用策略是不同的
• 資源的緩存可以帶來更好的用戶體驗，當用戶使用自己的流量上網時，本地緩存不僅可以提高用戶訪問速度，而且大大節約用戶的使用流量。

3.如何實現離線緩存

　　在需要緩存的html文件的根節點（html）添加manifest屬性，屬性值是當前目錄下的一個.appcache文件

01.html文件如下

與01.html文件同目錄的.appcache文件

4..appcache文件的內容格式

5.在服務器端將.appcache文件的mime類型配置成 text/cache-manifest

下面以phpstudy為例

　　 打開mime.types文件 在后面添加

6.在網頁打開01.html