0105:客户端javascript:离线应用(1)

离线应用

一个离线应用,主要包括以下三个方面:

缓存(cache):一般来说适合放比较大内容的文件。

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

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

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

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

结果如下

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

问题来了

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

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

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

这就用到了service worker。

service worker提供4个功能:

后台消息传送

网络代理

离线缓存

消息推送

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

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

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180105G0WZYL00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券