本地存储的几种方式cookie、localStorage、sessionStorage

本地存储：

一、cookie

1、cookie特点

cookie前端用来存储内容区域 ;后端也可以操作前端cookie;后端也可以直接种植(设置)cookie到前端（不怕被刷新，在浏览器里存的 ，在控制台Application下可找到）会随着请求发送给后端
(document.cookie可获取大部分cookie的内容)

1.大小限制：一般浏览器允许在同一个域下最多8kb。而localStorage会存储5mb左右[1 MB=1024 KB]
2.兼容性：cookie几乎可以兼容所有浏览器，但是localStorage是H5新增的，低版本的浏览器不支持
3.稳定性：cookie可以设置过期时间，但是一般情况下没有到达时间之前cookie都被清除了(比如你的各种安全卫士在清除缓存垃圾的时候，就有可能把cookie清除，浏览器里的清除浏览记录也可以清除cookie，无痕浏模式不会设置cookie)
4.比较早的技术：最初是为了记录http的状态，提高访问速度。cookie是服务器"种植"在客户端的key-value形式文本文件。但同时客户端也能操作cookie。

2、封装一个获取cookie的方法

（第一个图是正则匹配演示，第二个图是封装一个获取cookie的方法）