本文主要会以文字的形式解释这三种浏览器本地存储方式的异同
首先这三种存储都是浏览器的本地存储,他们都遵循同源策略(百度解释)
其实简单来说就是值:协议、域名、端口相同才允许互相访问。
那cookie、LocalStorage、SessionStorage的不同之处就比较多了
①cookie是由服务器端写入的,而SessionStorage和LocalStorage是由前端写入的,这里是从写入方式不同来分析
②cookie的生命周期是在服务器端写入时设置好的,而LocalStorage是写入就一直存在,除非手动删除,而SessionStorage是在页面退出后,自动删除,这是从生命周期的角度分析
③ cookie只有4kb左右,而LocalStorage和SessionStorage却有5M左右,这是从存储大小而言
④从生命周期也可以推出吗,SessionStorage是会限制在同一个页面上的,而cookie和LocalStorage是不会的。
了解到它们的异同后,我们就可以分析它们的应用场景了,cookie常用于存储登陆验证信息,而LocalStorage常用于存储不易变动的数据,减轻服务器压力(但其实基于前后端分离,最好是前端存储在这里,后端放在数据库中),SessionStorage可以用来检测用户是否刷新进入页面。