1.localStorage是永久存储,如何实现具有过期时间:可以在约定的时间之后,使用removeItem方法删除本地存储(配合倒计时效果,或者定时器)

//利用定时器实现
localStorage.setItem('username', 'zhangsan');
    setInterval(() => {
        let futureTime = parseInt(new Date('2022-5-6 14:35:00').getTime() / 1000);//未来时间
        let currentTime = parseInt(new Date().getTime() / 1000); //当前时间
        console.log(futureTime, currentTime);
        if (futureTime <= currentTime) {
            localStorage.clear(); //清除所有的本地存储
            // localStorage.removeItem(''); //清除具体的本地存储
        }
    }, 1000);

2.sessionStorage的特性和localStorage的特性是一样的,唯一的区别是关闭浏览器(会话结束,临时的),本地存储立刻消失

sessionStorage.setItem('name','zhangsan');

3.localStroage、sessionStorage和cookie三者的区别

(1)localStroage和sessionStorage的特点基本一致,它们是因为本地存储数据而存在,大小为5M左右

(2)cookie大小4kb,保存服务器存在客户端浏览器上的数据

(3)cookie可以自由设定过期时间,localStorage是永久存储,sessionStorage是临时存储

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐