下面简单的介绍一下应用缓存的基本知识：
1. 应用缓存的作用
让浏览器内 WebApp 像本地应用一样，多数或者全部资源都保存在本地，在没有网络，或者服务器宕掉的情况下，仍然能够使用大多数或者全部功能。有三个特点：离线浏览，更快的速度，以及减轻服务器负担。
2. 使用了应用缓存的页面的加载流程
当浏览器访问一个包含了应用缓存的页面时，
- 如果应用缓存已经存在，那么直接使用应用缓存，并且仅仅加载
manifest文件，判断该文件是否和缓存中的manifest文件是否相同，如果相同，则什么也不做，如果有任何一点不同，则重新加载manifest文件中列出的一系列缓存文件，并且在此过程中，会触发一些列的事件，可以通过监听这些时间，来重新加载该页面，以使用网站的最新版本。， - 否则浏览器加载文档，然后获取
manifest文件列出的 CACHE 和 FALLBACK 文件，生成第一版的应用缓存。
3. 使用方法：
1. 创建manifest文件
以下是manifest文件的模板
1 | CACHE MANIFEST |
manifest文件对路径，文件名和后缀名没有限制。但是一般推荐放在项目根目录下面，因为在manifest文件里面定义的相对路径是相对于manifest文件的，而不是引用该manifest文件的 html 页面。后缀名虽然没有限制，但是该文件的 MIME 类型必须是text/cache-manifest，因此假如后缀名是manifest，那么必须做如下配置：
Apache： 在相应的.htaccess文件中增加 AddType text/cache-manifest .manifest
Nginx： 在mime.types文件中加上text/cache-manifest manifest;
第一行必须是CACHE MANIFEST；
第二行建议是注释，标明当前manifest文件版本。注释以#开始。为什么要有这样一个注释呢，这是因为浏览器在判断是否需要更新应用缓存时，是根据当前获得的manifest文件内容和缓存中的manifest文件内容有没有不同，如有不同，才会更新应用缓存。有时候我们仅仅更改某个文件的内容，但是manifest文件却不需要更改，但是如果不更改，那么浏览器就不会去获取新的资源文件。所以一个最佳实践就是一旦有文件修改，总是去更新manifest文件中的版本号。
在以后的若干行中，可以是
1）空白行
2）注释行
3）段落标题 可以是CACHE:，NETWORK:或FALLBACK:，可以出现零次或多次。
4）段落数据
CACHE 段落以CACHE:段落标题（可省略）开始，每行都是一个 URL，表示该资源要被缓存起来。不允许使用通配符*。
NETWORK 段落以NETWORK:段落标题开始，每行都是一个 URL，代表一条资源或者该资源目录下的一组子资源，表示这些资源总是从互联网获取。
FALLBACK 段落以FALLBACK:段落标题开始，每行都包含两个 URL，第一个 URL 是资源地址，代表一条资源或者该资源目录下的一组子资源，表示这些资源总是从互联网获取，第二个 URL 是后备资源地址，该资源会放入应用缓存中。如果前者获取失败，则从应用缓存获取后备资源替代。
2. 引入manifest文件
1 | <html manifest="example.manifest"> |
3. 前面已经提到，需要给manifest文件设置正确的 MIME 类型
注意事项
1. 自动缓存包含manifest文件的 HTML 页面
这一点是有必要的，因为如果不缓存该页面，该页面必须通过网络加载，这样就不能达到离线应用的目的。如果你只想缓存这些资源，减少网络资源请求，并不想做成离线应用，那么你可以在页面中增加一个隐藏的 iframe，并且该 iframe 正确地引用了manifest文件。
2. 一旦manifest文件文件内容有变化，那么所有的缓存文件都必须被重新加载一次
这是应用缓存的一个巨大缺陷，不过可以结合 localStorage 实现一个更加灵活的缓存系统，即实现了离线应用，又避免的资源的全量更新。