离线应用程序缓存功能允许我们指定web应用程序所需的全部资源，
这样浏览器就能在加载HTML文档时把它们都下载下来。
1)定义浏览器缓存：
启用离线缓存——创建一个清单文件，并在html元素的manifest属性里引用它；
指定离线应用程序里要缓存的资源——在清单文件的顶部或者CACHE区域里列出资源；
立即学习“前端免费学习笔记（深入）”；
指定资源不可用时要显示的备用内容——在清单文件的FALLBACK区域里列出内容；
指向始终向服务器请求的资源——在清单文件的BETWORK区域里列出内容；
示例：首先创建fruit.appcache的清单文件
CACHE MANIFEST
example.html
banana100.png
FALLBACK:
* 404.html
NETWORK:
cherries100.png
CACHE:
apple100.png
再创建404.html文件，用于链接指向的html文件不在离线缓存中就可以用它来代替
Offline
您要的页面找不到了！
或许您可以帮我们找找孩子！
最后创建需要启用离线缓存的html文件
Example
@@##@@
Link to another page
2）检测浏览器状态：
window.navigator.online——如果浏览器确定为离线就返回false,如果浏览器可能在线则返回true；
3）使用离线缓存：
可以通过调用window.applicationCache属性直接使用离线缓存，它会返回一个ApplicationCache对象；
ApplicationCache对象成员：
update()——HTML文档0缓存以确保清单里的项目都已下载了最新的版本；
swHTML文档1ache()——交换当前缓存与较新的缓存；
status——返回缓存的状态；
3.1）ApplicationCache对象的status属性值：
0——UNCACHED——此文档没有缓存，或者HTML文档2尚未被下载；
1——IDLE——缓存没有执行任何操作；
2——CHECKING——浏览器正在检查清单或清单所指定项目的更新；
3——DOWNLOADING——浏览器正在下载清单或内容的更新；
4——UPDATEREADY——有更新后的缓存数据可用；
5——OBSOLETE——缓存数据已经废弃，不应该再使用了。这是请求清单文件时返回HTML文档34xx所造成的
（通常表明清单文件已被移走/HTML文档4）；
3.2）ApplicationCache对象定义的HTML文档5，在缓存状态改变时触发：
checking——浏览器正在获取初始清单或者检查清单更新；
noupdate——没有更新可用，当前的清单是最新版；
downloading——浏览器正在下载清单里指定的内容；
progress——在下载阶段中触发；
cached——清单里指定的所有内容都已被下载和缓存了；
updateready——新资源已下载并且可以使用了；
obsolete——缓存已废弃；
CACHE MANIFEST CACHE: example.html banana100.png cherries100.png apple100.png FALLBACK: * offline2.html
Example
@@##@@
The status is:
| Event Type |
|---|
