web storage 的区别和使用

1.web storage

html5 的web storage 包括localstorage 和sessionstorage 两种。
其中，localstorage 没有存储时间限制，在不主动删除的情况下数据永远有效，而sessionstorage 属于会话级别的存储，用户关闭浏览器窗口以后数据就会被删除。
存储数据数据时需要使用Json方法解析，具体使用如下：

 localstorage.setItem('zan',JSON.stringify(data.data));

 JSON.parse(localstorage.getItem('zan'));

2.cookie和session的区别
1.cookie存储单个数据大小有限制，不超过4k，很多浏览器会限制保存cookie的数量
2.cookie保存在浏览器端，session保存在服务器
3.cookie安全性不如session，可能存在cookie欺骗
4.过多使用session可能会影响服务器性能