localStorage和sessionStorage的用法

localStorage:没有时间限制
sessionStorage：针对一个session的数据存储，关闭浏览器即被清除。

localStorage属性

不涉及到登录业务时采用此存储方式，有存储定有值。

localStorage.setItem('openid','aaa');
localStorage.getItem('openid');//aaa

API

localStorage.getItem(‘key’,’val’) - 取得 
localStorage.setItem(‘key’) - 设置 
localStorage.removeItem(‘key’) - 移除 
localStorage.key(0) - 取key值 
localStorage.clear() - 清空

sessionStorage属性

后台登录管理系统，必须从登录页面跳转实现，登录页面存储，后面页面取值。即实现登录功能。有存储重新打开无值。

单个储存

sessionStorage.setItem('openid','aaa');
sessionStorage.getItem('openid');//aaa

多个变量对象储存

ps： 对象储存需要用JSON.stringify()方法转为json字符串，取出的时候需要用JSON.parse()
转为json对象(sessionStorage,localStorage)

 var data = {
   "url":"1233",
   "age":2,
   "sex":"女"
 }
 sessionStorage.setItem("mydata",JSON.stringify(data)); //json对象转为字符串对象
var mydata =  sessionStorage.getItem("mydata");
 var result = JSON.parse(mydata)
 console.log(result);

cookie和localstorage有什么区别

cookie数据大小不能超过4k
cookie在服务端和客户端之间来回传递
cookie可以设置很多属性，max-age，path，expires等
localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据
localStorage存储的数据容量更大

2017-09-04