H5离线存储，localstorage，sessionstora

有什么用呢？问的好，平时帮我们记录页面一些需要记录的数据，比如记录之前打开的位置，选项点击的哪一项，历史的输入记录等等等。
那么有人会问了，鹏哥，你之前不是说过Cookie有这个功能嘛，怎么又有这个呢。那么我会告诉你，活到老，学到老。
顺便再提一下cookie吧
临时在浏览中存一些东西
大小：4k
兼容：ie6+
走网络
不安全
有过期时间

主要严重的问题：在服务器环境中，每次发请求，都会伴随着请求一起发送出去。所有才会有了这两个东西的诞生。

【localstorage】本地存储

特点：

1、没有过期时间，除非手动删除
2、已域为单位
3、不会每次都向服务器请求
4、大小5M（不要觉得5M小，之前有一个前辈，写了半年的项目，才5M。。）
5、兼容ie7+。
6、不走网络

用法：

取：localStorage.name
存：localStorage.name=value;
删除 delete localStorage.name
删除全部： localStorage.clear()

localStorage.aaa=1111; //储存
localStorage.bbb=2222; //储存
alert(localStorage.aaa) //使用 取
delete localStorage.aaa; //删除
for(var name in localStorage){
delete localStorage[name] //可以用for in 循环 
}
localStorage.clear(); //自带的删除全部

小例子：

localStorage.a = 12;
alert(localStorage.a); //12

专业的存储：

存：localStorage.setItem('ccc',333);
取：localStorage.getItem('ccc');
删除：localStorage.removeItem('ccc');
删除全部： localstorage.clear()
这种存储方式是不是有点高大上！！不过怎么感觉有点装逼的赶脚。。

【sessionStorage】临时存储

和localStorage没太大区别，就是这个是临时存的，一个会话就没了，session，（就是浏览器关闭就没了）

用法：

取：sessionStorage.name
存：sessionStorage.name=value;
删除 delete sessionStorage.name
删除全部： sessionStorage.clear()

专业的存储：

存：sessionStorage.setItem('ccc',333);
取：sessionStorage.getItem('ccc');
删除：sessionStorage.removeItem('ccc');
删除全部： sessionStorage.clear()
使用和上面一样，大例子我就不说了，也可以看看我之前写的Cookie的用法，基本没什么区别。