localStorage、sessionStorage、Cookie的区别

webstorage

webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。存放数据大小一般为5MB，仅在客户端（浏览器）中保存，不参与服务器端通信。

localStorage

localStorage是永久性的，除非用户手动清除，否则这些信息将永远存在。

sessionStorage

sessionStorage仅在当前会话下有效，关闭当前页面或浏览器后数据被清除。

cookie

cookie在设置的过期时间之前都有效，存放数据大小为4KB左右，与服务器端通信，每次都携带在HTTP头当中，如果使用cookie保存过多数据会带来性能问题。

JSON对象提供的parse和stringify将其他数据类型转化成字符串，再存储到storage中就可以了

操作的方式：

存：

  var obj = {
    "name":"xiaoming","age":"16"}localStorage.setItem("userInfo",JSON.stringify(obj));

取：

 var user = JSON.parse(localStorage.getItem("userInfo"))

删除：

 localStorage.remove("userInfo);

清空：

 localStorage.clear();