1.首先我们要说一下什么是离线缓存？
离线缓存：离线缓存可以将站点的一些文件缓存到站点，他是浏览器的一种机制，将需要的文件缓存下来，以便后期即使没有连接网络，被缓存的页面也可以显示出来、
2.然后我们说一下它的优势
(1).在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等等文件
(2).在有网络的时候，浏览器会优先使用已离线存储的文件，返回一个200(from cache)头。这跟HTTP
的缓存实用策略是不同的
(3).资源的缓存可以带来更好的用户体验，当用户使用自己的流量上网时，本地缓存不仅可以提高用户访问速度，而且大大节约用户的使用流量。
3.如何使用离线缓存？
(1)在需要缓存的和html文件的根节点(html)添加manifest属性，属性值是当前目录下的一个.appcache文件
注意将他们放在同一目录中
同目录的.appcache
解析manifest文件失败原因是服务器端没有响应这个文件的mime类型
在服务器端添加.appcache文件的mime类型 我们以phpstudy为例。
(2)在服务器下打开html文件 在控制台application里可以找到缓存文件
(3)查看客户端下缓存文件的位置
1）在chrome浏览器的地址栏输
2）通过个人资料路径 可以找到cache文件夹