webStorage、cookie

web storage和Cookie都是用来在客户端存储数据，并且都可以在同源的窗口中共享

web storage又分为localStrage和sessionStorage。

区别

1.cookie是在浏览器和服务器之间传递，localStrage和sessionStorage都仅仅在浏览器端存储

2.cookie的大小有限制，不能超过4k，且同一个站点最多保存20个cookie数据（浏览器不同，数目限制不同），localStrage和sessionStorage可以达到4M以上

3.cookie有安全性问题，localStrage和sessionStorage没有安全性问题

4.cookie在使用的时候需要手动封装setCookie、getCookie方法，localStrage和sessionStorage可以直接调用

5.cookie在设定的有效期内持久有效，localStorage始终有效,除非手动删除，sessionStorge在浏览器窗口关闭前有效

webStorageAPI

常用API

setItem (key, value) —— 保存数据，以键值对的方式储存信息
getItem (key) —— 获取数据，将键值传入，即可获取到对应的value值
removeItem (key) —— 删除单个数据，根据键值移除对应的信息
clear () —— 删除所有的数据
key (index) —— 获取某个索引的key