说一说cookie sessionStorage localStorage 区别?
1.相同点
- Cookie、SessionStorage、 LocalStorage都是浏览器的本地存储。
- Cookie、SessionStorage、 LocalStorage数据共享都遵循同源原则
2.不同点
- cookie是由服务器端写入的。
- SessionStorage、 LocalStorage都是由前端写入的。
- cookie的生命周期是由服务器端在写入的时候就设置好的。
- LocalStorage是写入就一直存在,除非手动清除。
- SessionStorage是页面关闭的时候就会自动清除。
- cookie的存储空间比较小大概4KB。
- SessionStorage、 LocalStorage存储空间比较大,大概5M。
- SessionStorage还限制必须是同一个页面。
- 在前端给后端发送请求的时候会自动携带Cookie中的数据,SessionStorage、 LocalStorage不会。
3.应用场景
- Cookie一般用于存储登录验证信息SessionID或者token。
- LocalStorage常用于存储不易变动的数据,减轻服务器的压力。
- SessionStorage可以用来检测用户是否是刷新进入页面,如音乐播放器恢复播放进度条的功能。