cookie、LocalStorage、SessionStorage区别

相同点

1.三者都是存储到浏览器本地的

2.都遵循同源策略（SessionStorage 还限制必须是同一页面）

不同点：

1.写入方式不同：

        -1-. cookie 是服务器端写入

        -2-.localStorage 和 SessionStorage 是由前端写入

2.生命周期不同：

        -1-.cookie 是服务器端在写入时就设置好的

        -2-.localStorage 是写入就一直存在，除非手动清除。

        -3-.SessionStorage 是页面关闭时自动清除。

3.储存空间大小不同

        -1-.cookie 大概4kb

        -2-.localStorage 和 SessionStorage 大概 5M

4.前端给后端发送请求时会自动携带 cookie 中的数据，但是localStorage 和 SessionStorage 不会。

应用：

1.cookie 存储登陆验证信息 （token/SessionID)

2.localStorage 检测用户是否时刷新进入页面（播放器恢复进度条）

3.SessionStorage 存储不易变动的数据。