本地缓存的三种方式：sessionStorage、localStorage、Cookie

1.sessionStorage:临时的会话存储
只要当前的会话窗口未关闭，存储的信息就不会丢失，即便刷新了页面，或者在编辑器中更改了代码，存储的会话信息也不会丢失。

2.localStorage:永久存储
会一直将数据存储在客户端的储存方式，即使关闭了浏览器，下次打开的时候仍然可以看到之前存储的未主动清楚的数据

3.Cookie

 cookie 是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上

名称	生命期	大小限制	与服务器通信	是否可跨域
cookie	一般由服务器生成，可设置失效时间。如果在浏览器端生成 Cookie，默认是关闭浏览器后失效	4KB	每次都会携带在 HTTP 头中，如果使用 cookie 保存过多数据会带来性能问题	一般不可，相同 domain 下可以允许接口请求携带 cookie
sessionStorage	仅在当前会话下有效，关闭页面或浏览器后被清除	5MB	仅在浏览器中保存，不与服务器通信	不可
localStorage	除非被清除，否则永久保存	5MB	仅在浏览器中保存，不与服务器通信	不可

1.cookie的用法

下载js-cookie

引入cookie

cookie的使用

 

2.sessionStorage和localStorage用法

 localStorage用法同sessionStorage一样