HTML：HTML5的离线储存的使用及工作原理（三颗星）
现在日常使用的APP，有部分内容是使用内嵌webview的方式，浏览页面内容，这种方案的优势是WEB和APP共用一个网站，像掘金的APP就是使用这种方式。为了避免重复加载页面或者在无网络的情况下正常展现内容，可以采用离线存储，其中一种方案就是使用 manifest 。
1.离线存储：
在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。
2.原理：
HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。
manifest 属性规定文档的缓存 manifest 的位置。
HTML5 引入了应用程序缓存，这意味着 Web 应用程序可以被缓存，然后在无互联网连接的时候进行访问。
manifest 属性应该被 Web 应用程序中您想要缓存的每个页面包含。manifest 文件是一个简单的文本文件，列举出了浏览器用于离线访问而缓存的资源。
3.使用方法：
1.创建一个和 html 同名的 manifest 文件，然后在页面头部加入 manifest 属性：
<html lang="en" manifest="cache.manifest">
2.在 cache.manifest 文件中编写需要离线存储的资源：
CACHE MANIFEST
#v0.11
CACHE:
#需要缓存的列表，如
剩余60%内容，订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现（可直接运行）以及底层原理
投递粉笔网等公司10个岗位 >