HTML5的 locStorage 和sessionStorage 和 cookie

之前一直用appcan做app的开发  在项目中反复用到 appcan.locStorage("");这种用法  主要用途就是在当前页面就行缓存 然后 到另一页面想用这个缓存值得时候 直接拿出来用

后来用了很长时间才清楚这就是 H5的新特性  大智若愚 好吧   现在来整理一下我所理解的locStorage和sessionStorage 和cookie

但是我想问 cookie跟locStorage他俩有区别吗  有可比性吗  cookie不是运行在浏览器跟服务器中间的纽带吗   locStorage就是为了客户端存数据 方便缓存  然后需要手动清除 的啊

1：cookie最常见的用法是用来保存客户资料  还有就是网站用来保存用户最近的浏览记录  增加用户体验   cookie'是把数据保存在客户端  session是把资料保存在服务器端 

当登陆一个网站的时候 会提示是否保存用户信息  如果保存的话 下次登陆就可以自动登陆了

2：我目前做的项目中并没有添加保存用户名密码的功能  如果添加了 估计也会用locStorage实现；

3：cookie数据始终在同源的http请求中携带，就是在浏览器跟服务器之间来回传递 ，存储大小不超过4k（cookie在设置的有效期内有效）

但是locStorage和sessionStorage不会把数据发给服务器，仅在本地保存，存储大小为5M；（locStroage和sessionStorage的有效期不同）

4：locStorage在所有的同源窗口中都是共享的  cookie也是 

但是sessionS不在不同的浏览器窗口中共享

下面以jquery cookie为例子 说一下 保存用户名跟密码功能的原理跟实现过程；