js-JavaScript高级程序设计学习笔记20
2016-12-23 16:43
537 查看
第二十三章 离线应用与客户端存储
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
在浏览器中保存结构化数据的一种数据库。_(:з)∠)_
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
在浏览器中保存结构化数据的一种数据库。_(:з)∠)_
相关文章推荐
- JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
- JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
- js-JavaScript高级程序设计学习笔记1
- js-JavaScript高级程序设计学习笔记2
- JavaScript高级程序设计(第2版) 学习笔记:(五)js获取窗口大小
- JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
- js-JavaScript高级程序设计学习笔记3
- js-JavaScript高级程序设计学习笔记7
- js-JavaScript高级程序设计学习笔记10
- JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
- JavaScript高级程序设计(第3版)学习笔记10 再访js对象
- JavaScript高级程序设计(第3版)学习笔记11 内建js对象
- js-JavaScript高级程序设计学习笔记11
- JavaScript高级程序设计(第3版)学习笔记6 初识js对象
- JavaScript高级程序设计(第2版) 学习笔记:(一)js函数依赖性
- JavaScript高级程序设计(第3版)学习笔记2 js基础语法
- JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
- JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
- js-JavaScript高级程序设计学习笔记8
- JavaScript高级程序设计学习笔记一在HTML中使用JS