44.HTML5的離線儲存怎么使用，工作原理能不能解釋一下？

HTML5的離線存儲怎么使用，工作原理能不能解釋一下？

1.在用戶沒有與因特網連接時，可以正常訪問站點或應用，在用戶與因特網連接時，更新用戶機器上的緩存文件

原理：

HTML5的離線存儲是基於一個新建的 .appcache 文件的緩存機制（不是存儲技術），通過這個文件上的解析清單離線存儲資源，這些資源會像cookie一樣被存儲了下來。之后當網絡在處於離線狀態下時，瀏覽器會通過被離線存儲的數據進行頁面展示

如何使用：

• 頁面頭部像下面一樣加入一個 manifest 的屬性；
• 在 cache.manifest文件的編寫離線存儲的資源
• 在離線狀態時，操作window.applicationCache進行需求實現

CACHE MANIFEST
#v0.11 CACHE: js/app.js css/style.css NETWORK: resourse/logo.png FALLBACK: /offline.html

作者：前端老司機
鏈接：https://www.jianshu.com/p/b541b7d1c66e
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。