HTML5 的离线存储怎么使用，工作原理是什么？

原理：HTML5 的离线存储是基于一个新建的.appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像 cookie 一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示
如何使用：
1、页面头部像下面一样加入一个 manifest 的属性；
2、在 cache.manifest 文件的编写离线存储的资源；
CACHE MANIFEST

v0.11

CACHE:
js/app.js
css/style.css NETWORK:
resourse/logo.png
FALLBACK: / /offline.html
3、在离线状态时，操作 window.applicationCache 进行需求实现