cookie、LocalStorage、SessionStorage

本文主要会以文字的形式解释这三种浏览器本地存储方式的异同

---

首先这三种存储都是浏览器的本地存储，他们都遵循同源策略（百度解释）

其实简单来说就是值：协议、域名、端口相同才允许互相访问。

那cookie、LocalStorage、SessionStorage的不同之处就比较多了

①cookie是由服务器端写入的，而SessionStorage和LocalStorage是由前端写入的，这里是从写入方式不同来分析

②cookie的生命周期是在服务器端写入时设置好的，而LocalStorage是写入就一直存在，除非手动删除，而SessionStorage是在页面退出后，自动删除，这是从生命周期的角度分析

③ cookie只有4kb左右，而LocalStorage和SessionStorage却有5M左右，这是从存储大小而言

④从生命周期也可以推出吗，SessionStorage是会限制在同一个页面上的，而cookie和LocalStorage是不会的。

了解到它们的异同后，我们就可以分析它们的应用场景了，cookie常用于存储登陆验证信息，而LocalStorage常用于存储不易变动的数据，减轻服务器压力（但其实基于前后端分离，最好是前端存储在这里，后端放在数据库中），SessionStorage可以用来检测用户是否刷新进入页面。