浏览器存储

参考网址：https://www.cnblogs.com/monsterooo/p/6815392.html
互联网早期浏览器是没有状态维护，这个就导致一个问题就是服务器不知道浏览器的状态，无法判断是否是同一个浏览器。这样用户登录、购物车功能都无法实现，Lou Montulli在1994年引入到web中最终纳入[W3C规范 RFC6265])中。

区别

cookie在浏览器请求中每次都会附加请求头中发送给服务器。大小不能超过4k

localStorage保存数据会一直保存没有过期时间，不会随浏览器发送给服务器。大小5M或更大

sessionStorage仅当前页面有效一旦关闭就会被释放。也不会随浏览器发送给服务器。大小5M或更大

localStorage和sessionStorage

localStorage和sessionStorage都继承于Storage，提供了统一的api来访问和设置数据。api列表为：

clear 清空存储中的所有本地存储数据
getItem 接受一个参数key，获取对应key的本地存储
key 接受一个整数索引，返回对应本地存储中索引的键
removeItem 接受一个参数key，删除对应本地存储的key
setItem 接受两个参数，key和value，如果不存在则添加，存在则更新。
localStorage.setItem('order', 'a109');
console.log(localStorage.key(0)); // order
console.log(localStorage.getItem('order')) // a109
localStorage.removeItem('order');
localStorage.clear();
// 对象访问方式同样有效
localStorage.order = 'b110';
localStorage.order; // b110

扩展

Cookie的一个极端使用例子是僵尸Cookie（或称之为“删不掉的Cookie”），这类Cookie较难以删除，甚至删除之后会自动重建。它们一般是使使用Web storage API、Flash本地共享对象或者其他技术手段来达到目的的。相关内容可以看：

Evercookie by Samy Kamkar