本地存储和cookie

一、本地存储

本地存储包括localStorage、sessionStorage
localStorage用法

保存数据：localStorage.setItem(key,value);
读取数据：localStorage.getItem(key);
删除指定单个数据：localStorage.removeItem(key);
删除所有数据：localStorage.clear();
得到某个索引的key：localStorage.key(index);

sessionStorage用法
不管是 localStorage，还是 sessionStorage，可使用的API都相同，

保存数据：sessionStorage.setItem(key,value);
读取数据：sessionStorage.getItem(key);
删除指定单个数据：sessionStorage.removeItem(key);
删除所有数据：sessionStorage.clear();
得到某个索引的key：sessionStorage.key(index);

二、js使用cookie用法

https://www.runoob.com/js/js-cookies.html

三者的区别

分类	区别
localStorage	理论上永久有效的，除非主动清除。4.98MB（约5M）（不同浏览器情况不同，safari 2.49M）保存在客户端，不与服务端交互。节省网络流量
sessionStorage	仅在当前网页会话下有效，关闭页面或浏览器后会被清除。4.98MB（约5M）（部分浏览器没有限制）保存在客户端，不与服务端交互。节省网络流量
cookie	默认保存在内存中，随浏览器关闭失效（如果设置过期时间，在到过期时间后失效）存储大小4KB， 保存在客户端，每次请求时都会带上