Vue54-浏览器的本地存储webStorage

一、本地存储localStorage的作用

二、本地存储的代码实现

2-1、存储数据

注意:

localStorage是window上的函数,所以,可以把window.localStorage直接写成localStorage(直接调用!)

默认调了p.toString()方法。

2-2、读取本地存储

读取一个没有的key,出来的是:null

JSON.parse(null)的结果,也是null!!!

2-3、删除本地存储

2-4、清空本地存储

清空所有的本地存储!

2-5、localStorage清除数据的两种情况

1、调API接口

2、用户主动清除缓存!

三、sessionStorage会话存储

所有的API和localStorage一样!

浏览器一关,就没有了!

四、小结

相关推荐
书中枫叶1 分钟前
生活缴费充值系统
前端·javascript·经验分享·mongodb·node.js
weixin_461769403 分钟前
npm 修改镜像源依赖下载缓慢运行报错日志解决
前端·npm·node.js
Soari4 分钟前
Hermes-webui:面向 Hermes Agent 的自托管 Web 控制台
前端·webui·agent ai·自托管ai
2501_912784081 小时前
跨境电商独立站的多语言架构设计:基于 Laravel + Vue.js 的实践
vue.js·php·laravel·跨境电商·taocarts
JustHappy9 小时前
古法编程秘籍(二):什么是代码模块化?别背概念,把房间收拾明白就够了
前端·后端
小江的记录本9 小时前
【JVM虚拟机】堆内存分代模型:年轻代(Eden+Survivor)、老年代、元空间Metaspace(附《思维导图》+《面试高频考点清单》)
java·前端·jvm·后端·python·spring·面试
weixin_4713830310 小时前
图片预解码缓存
前端·浏览器缓存·图片预解码
岁月宁静11 小时前
驾驭 AI 这匹野马:深入解析智能体 Harness 工程
vue.js·python
郑洁文11 小时前
基于网络爬虫的Web敏感信息泄露自动化检测工具
前端·爬虫·网络安全·自动化
郑洁文12 小时前
可视化Web渗透分析工具的设计与实现
前端