前端缓存(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)的主要内容,如果未能解决你的问题,请参考以下文章

web前端缓存机制

前端八股文浏览器系列:浏览器渲染前端路由前端缓存(HTTP缓存)缓存存储(HTTP缓存存储本地存储)

前端缓存--LocalStorage(二)

前端浏览器缓存机制

前端缓存的理解 或者 前端数据持久化的理解(强制缓存、协商缓存)

前端缓存知识