js-JavaScript高级程序设计学习笔记20

第二十三章 离线应用与客户端存储

1、离线检测

HTML5定义navigator.onLine属性。还定义了两个事件，online和offline，当网络从离线变为在线或从在线变为离线时在window事件上触发。

2、应用缓存

appcache，专门为离线Web应用而设计的。Appcache时从浏览器的缓存中划分出来的一块缓存区，要想在这个缓存中保存数据，可以使用一个描述文件，列出要下载和缓存的资源。

3、数据存储

1、Cookie

2、web storage

Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。

Web Storage又分为两种：

 

• sessionStorage
• localStorage

 

从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地；

不管是sessionStorage，还是localStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）：

 

• 保存数据：localStorage.setItem(key,value);
• 读取数据：localStorage.getItem(key);
• 删除单个数据：localStorage.removeItem(key);
• 删除所有数据：localStorage.clear();
• 得到某个索引的key：localStorage.key(index);

http://blog.csdn.net/hbcui1984/article/details/8466743

3、IndexedDB

在浏览器中保存结构化数据的一种数据库。_(:з)∠)_

转载于:https://www.cnblogs.com/zczhangcui/p/6215347.html