前端数据存储：LocalStorage、SessionStorage、Cookie、IndexDB

LocalStorage

localStorage 是一种持久化KV存储方式，一旦存储，除非删除，否则一直存在于浏览器中。
不自动参与http通信

接口：

• setItem(key, value)
• removeItem(key)

生命周期：持久，从设置开始到删除为止，一直存在于浏览器中，整个浏览器共享，域名隔离

实现原理：Chrome使用leveldb存储数据.

SessionStorage

是一种临时KV存储解决方案，生命周期由浏览器维护，和通常说的session没有关系。不自动参与http通信

接口：同LocalStorage

生命周期：临时，一个tab的开始到关闭，同一个tab访问不同的网站，sessionStorage是隔离的，但是切换回来，数据一直保存。同源的网页之间的数据是共享的。

Cookie

大小限制4K，可以用来实现session跟踪，在服务器保存session状态。自动参与http通信。

生命周期：浏览器全局共享，域名隔离。

IndexDB

比较低级的存储API，用于存储分布式的。请参考：indexDB http://www.ruanyifeng.com/blog/2018/07/indexeddb.html

总结：

LocalStorage、SessionStorage和Cookie都是通过域名进行隔离的。

全局存储：LocalStorage、Cookie
自动参与HTTP通信：Cookie
实现不同tab保存不同的数据：SessionStorage
存储大量数据：IndexDB

应用：登录相关可以考虑使用Cookie。