浏览器存储之cookie，localStorage、sessionStorage

为什么有cookie：

Cookie 的本职工作并非本地存储，而是“维持状态”。 因为HTTP协议是无状态的，HTTP协议自身不对请求和响应之间的通信状态进行保存

cookie是服务端生成，客户端进行维护和存储

过程：客户端第一次请求：服务器响应头发送cookie，客户端请求自动将cookie发送

服务器：response header中的set-cookie

Set-Cookie: id=a3fWa; Expires=Wed, 21 Oct 2018 07:28:00 GMT;//可以指定一个特定的过期时间（Expires）或有效期（Max-Age）

客户端：js中可以通过document.cookie可以读写cookie

document.cookie = 'xxxx=hn'

import Cookies from 'js-cookie'

Cookies.set('hhhh', '1234567890')

console.log(Cookies.get('hhhh'))

Cookies.remove('hhhh')

document.cookie='age=20;domain=.baidu.com',Domain 标识指定了哪些域名可以接受Cookie

cookie，localStorage、sessionStorage区别：

                                                    大小          是否发送给服务器      生命周期    

cookie                                               4k                是                        服务器设置过期时间

localStorage                                        5m                否                        页面窗口打开

sessionStorage                                   5m                    否                        永久