一. 生命周期
1.localStorage是永久的,关闭页面或浏览器数据不会消失,除非主动清除。
2. sessionStorage仅在当前会话(session)有效,关闭窗口或标签页或浏览器都会删除数据,需要注意的是,打开新的相同页面,sessionStorage也不同。
3. cookie再过期时间之前均有效
二. 储存大小
- localStorage、sessionStorage最大容量是5M。
- cookie 最大容量是4k
- 也有看见5M、4K左右的这种表述。
三. 用法 - localStorage localStorage.setItem('key', 'value'); localStorage.getItem('key');
- sessionStorage sessionStorage.setItem('key', 'value'); sessionStorage.getItem('key');
- cookie
window.document.cookie = 'xxx';
document.cookie
js-cookie 四. 用途 - localStorage:一般用于存储用户的基础数据,比如用户信息等
- sessionStorage:用于存储缓存数据,比如页面之间数据共享
- cookie
·(1)判断用户是否登陆过网站,以便下次登录时能够实现自动登录(或者记住密码)。如果我们删除cookie,则每次登录必须从新填写登录的相关信息。
(2)保存上次登录的时间等信息。
(3)保存上次查看的页面
(4)浏览计数
五、疑问 1. 浏览器的cookie与接口的cookie有什么联系?