开发者必须了解的html5在wap时代前的最新存储革命

附赠本人在某机构培训过程html5全过程ppt(价值2万)：http://kuai.xunlei.com/d/CKSONJATBFJA

一、Html5 之前的本地存储

1、Cookie



缺点:

1. 大小限制，4KB.

2. 附加在每次请求中，增加流量。

3. 在http中是明文传输，安全性比较低

2、Flash Local Shared Objects

2002年Flash推出的可以在Flash对象中存储100K的数据

缺点：

需要Flash的支持，存在技术局限性

3、Gears

2007年Google启动的项目，通过插件技术增强浏览器的。Gears提供Api访问基于Sqlite的嵌入式SQL数据库。

缺点：

用户必须去安装Gears插件，不可控。

二、WAP时代的本地存储



1、不支持任何本地存储。

三、Html5 现在支持的本地存储及使用



1、 什么是HTML5本地存储?

1. 一种让网页可以把键值对存储在用户浏览器客户端的方法。像Cookie一样，这些数据不会因为你打开新网站，刷新页面，乃至关闭你的浏览器而消失。(只能存储字符串)。

2.而与Cookie不同的时，这些数据不会每次随着HTTP请求被发送到服务器端

3. HTML5规范的一部分，这一接口会被浏览器原生支持，不用依赖任何第三方插件。只要浏览器支持html5就能支持

2、手机对本地存储的支持情况

Iphone Android

2.0+ 2.0+

3、判断浏览器是否支持 本地存储

function isSupportStorage(){

return "localStorage" in window;

}

LocalStorage的用法:

本地存储不会过期的数据。

一、W3C定义的Storage的接口



二、localStorage的操作

1. 存储数据

2. 读取数据

3. 列出所有缓存数据

4. 删除数据

5. 保存JSON对象

三、使用场景

1. 存储一些很少变动的数据，比如用户的昵称。

2. 存储一些用户编辑很长时间的数据，比如邮件、文章的草稿

四、不同于服务器存储

数据可能随时丢掉。

当服务器缓存使用