前端缓存(cookieslocalStoragesessionStorage)
Posted daheiylx
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端缓存(cookieslocalStoragesessionStorage)相关的知识,希望对你有一定的参考价值。
1、cookies是服务器发送给客户端的特殊信息,只能保存字符串类型,以文本的形式保存在客户端,每次请求都带着它;如果不在浏览器设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称为会话cookie;如果浏览器设置了过期时间,cookie被保存在硬盘中,关闭浏览器,cookie仍存在,直到过期时间结束才消失。
cookie的应用场景:
(1)判断用户是否登陆过网站,以便下次实现自动登录(或记住密码)。如果我们删除cookie,每次登录都必须重新填写登录信息,
(2)保存上次登录时间等信息。
(3)保存上次查看的页面。
(4)浏览计数。
2、localStorage 的生命周期是永久的,关闭页面或浏览器之后localStorage的数据也不会消失。除非localStorage主动删除数据。否则数据永远不会消失。
3、sessionStorage 的生命周期仅在当前会话下有效,sessionStorage是在同源窗口中始终保存数据,只要浏览器没有关闭,即使刷新页面或进入同源的另一个页面,数据依然存在。但是sessionStorage在浏览器关闭后就会被销毁。同时独立打开同一个页面或同一个窗口,sessionStorage也不是一样的。
其中localStorage 和 sessionStorage 都保存在客户端,不与服务器进行交互通信。
localStorage 和 sessionStorage 的应用场景:
(1)localStorage 常用于长期登录(+判断用户是否已登录),适合长期保存在本地的数据。
(2)sessionStorage适用于敏感账号一次性登录。
以上是关于前端缓存(cookieslocalStoragesessionStorage)的主要内容,如果未能解决你的问题,请参考以下文章
前端八股文浏览器系列:浏览器渲染前端路由前端缓存(HTTP缓存)缓存存储(HTTP缓存存储本地存储)