基本概念
cookie是往返于客户端与服务端的一小段存储信息，由响应头的Set-cookie设置，客户端浏览器在接收到响应之后就会在cookie中存储配置信息与数据，并且在向服务端发起请求的时候都会在请求头中带上这一段cookie传给服务端。
cookie的属性
LocalStorage是WebStorage的一种，可以在浏览器中长期保存的一种本地存储类型，除非被清除，或者设定的过期时间到了，否则会一直保存在浏览器中
SessionStorage是另一种WebStorage，但是保存数据的周期与LocalStorage不同，他只是可以将数据在当前会话中保存下来，刷新页面数据依旧存在，但是当页面关闭之后，SessionStorage中的数据就会被清空
三者的异同
| Cookie | localStorage | sessionStorage | |
|---|---|---|---|
| 数据的生命期 | 一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效 | 除非被清除，否则永久保存 | 仅在当前会话下有效，关闭页面或浏览器后被清除 |
| 存放数据大小 | 4K左右 | 一般为5MB | 一般为5MB |
| 与服务器端通信 | 每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题 | 仅在客户端（即浏览器）中保存，不参与和服务器的通信 | 仅在客户端（即浏览器）中保存，不参与和服务器的通信 |
| 易用性 | 需要程序员自己封装，源生的Cookie接口不友好 | 源生接口可以接受，亦可再次封装来对Object和Array有更好的支持 | 源生接口可以接受，亦可再次封装来对Object和Array有更好的支持 |
