web客户端的几种存储方式

1、cookie

特点：

（1）可以兼容到包括ie6以上的所有浏览器

（2）cookie在不同浏览器上数量和大小（不超过4kb）都有限制

（3）cookie的生命周期是根据设置值得expire的时间来控制的。

（4）需要自己写操作函数实现操作

适用范围：

（1）低版本的浏览器兼容

（2）需要前后端进行传递的数据（比如用户的登录状态）

2、sessionStorage和localStorage

特点：数据以键/值对存在，存放数据大小一般5MB，存储一些不需要和服务器进行交互的数据

1）localStorage没有时间限制（关闭浏览器，打开浏览器，存储的数据依然存在）

2）sessionStorage针对一个session的数据存储（关闭浏览器窗口，存储的数据清空），前进、后退、刷新数据依然存在

3）只能存储字符串类型的对象

4）都是用来存储客户端临时信息的对象

5）不同浏览器无法共享sessionStorage、localStorage中的i信息

相同浏览器不同页面可以共享localStorage中的i信息（同协议、同域名、同端口号）；但sessionStorage不可以共享

方法：

sessionStorage和localStorage用法相同

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

附加：

应用程序缓存

使用html5、通过创建cache mainifest文件来创建web应用的离线版本

特点：

（1）离线浏览---用户可在应用离线时使用它们

（2）速度-已缓存资源加载得更快

（3）减少服务器负载--浏览器将只从服务器下载更新过后更改过的资源

好文章推荐：http://blog.csdn.net/u013063153/article/details/52458348