令牌 & localStorage & 遇见的问题

本文深入探讨了前端存储机制,对比localStorage、sessionStorage和cookie的特点与使用场景。详细讲解了如何利用localStorage和sessionStorage进行数据存储,包括设置、读取、删除及清空操作。同时,针对localStorage和sessionStorage无法直接存储对象的问题,提供了JSON.stringify()的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

令牌登录

  • token
  • localstorage

localStorage和sessionStorage空间大但是没有时效性

cookie具备最多功能(键值对,时效性等等),但是缺点空间小

localStorage

localStorage一直保存,主题颜色,白天模式或者夜间模式,token

// 增加 更新
localStorage.setItem(key,value);
// 查
let value = localStorage.getItem(key);
localStorage.removeItem(key);
// 全部清除
localStorage.clear();

sessionStorage网页如果关闭的话,就清除,页面缓存的数据

// 增加 更新
sessionStorage.setItem(key,value);
// 查
let value = sessionStorage.getItem(key);
sessionStorage.removeItem(key);
// 全部清除
sessionStorage.clear();

遇到的开发问题

  • git空白字符问题
  • 分号问题
console.log("1");
(function(){
	console.log("2")
})()
  • node模块安装问题,缺失模块,npm安装的失败,重新删除再安装yarn或者cnpm安装
  • localStorage和sessionStorage不能存储对象
localStorage.setItem("name",JSON.stringify({name:"ly"}))
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值