0105：客户端javascript：离线应用（1）

离线应用

一个离线应用，主要包括以下三个方面：

缓存（cache）：一般来说适合放比较大内容的文件。

在线监听：根据在线或离线状态采取不同的策略。

本地数据储存——localStorage，sessionStorage和indexedDB。通常可以作为一个小型的数据库。

离线应用会拥有一个特殊的UTF-8描述文件(.mainfest或者.appcahe)，类型为。

有了这个文件，就可以把html和它关联起来：

结果如下

看到这个图，说明该离线应用已经开始工作。

问题来了

离线之后。更新了内容怎么办？

比方说，我在main.html加了一张图片代码。悲催地发现，无论怎样修改，网页都不刷新了。

因此APPcache方案还是比较糟糕的。

这就用到了service worker。

service worker提供4个功能：

后台消息传送

网络代理

离线缓存

消息推送

在这里service worker可以通过postMessage和页面通信

明天将彻底实现一个便签应用。