html5中离线缓存的实现

工作原理：

是基于一个新建的.appcache文件的缓存机制。解析清单离线存储资源，这些资源就像cookies一样存储起来。

如何实现呢？

在html的头部加入manifest属性，并在cache.manifest文件中编写离线存储的资源。在离线状态时，操作window.applicationCache进行实现

浏览器是如何对离线资源进行管理和加载的呢？

在线状态时，浏览器发现html头部有manifest属性，就会请求manifest文件，如果是第一次访问，则会根据manifest文件中请求的资源进行下载并离线存储。如果不是第一次访问，且资源已经离线存储了，浏览器就会通过离线存储的资源加载页面。并且对比新的manifest文件和旧的manifest文件，如果未更改，就不做任何操作了。如果更改了，就重新下载文件中的资源并离线存储。

离线状态时，就直接使用离线资源。