客户端存储

Posted 2020-10-04 学如逆水行舟，不进则退。

前言:

客户端本地存储就是将一些我们所需要的信息存储到本地，从而减少向服务器请求数据的次数，减少性能消耗，主要有两种，分别是localStorage、sessionStorage、cookie

localStorage、sessionStorage和cookie的区别:

cookie虽然实现了将一些信息本地存储，但是在http协议报文头上有一个cookie属性，保存着当前的cookie信息，每次数据交互都会将该cookie附带发送，
如果cookie信息量很大，就会产生一些性能损耗。而localStorage和sessionStorage不会这样。

localStorage和sessionStorage的区别：

1. 有效期 ：localStorage有效期是永久的，关闭浏览器后数据不会丢失，除非我们手动删除。
   而sessionStorage的有效期是临时的，仅仅在会话期间，当我们关闭窗口或关闭浏览器，数据就会被销毁。

2. 作用域：localStorage：文档源限制（也就是只要符合同源策略都可以共享到该信息，反之...）
   而sessionStorage：文档源限制 + 窗口（也就是两个页面不仅要符合同源策略，还要在同一个窗口下，反之...）

localStorage、sessionStorage一些API方法：

1. setItem(name,val) 写入一条本地信息

2. getItem(name) ? 读取key值为name的一条信息

3. removeItem(name) 删除key值为name的一条信息

4. clear() 删除所有保存的数据信息

P.S. 至于cookie的一些具体介绍，请戳：http://liyanlei.com/cookie.html