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一样!

浏览器一关,就没有了!

四、小结

相关推荐
恋猫de小郭1 分钟前
Flutter 2026 Roadmap 发布,未来计划是什么?
android·前端·flutter
时清云10 分钟前
2025-年终总结
前端
Esaka_Forever14 分钟前
Promise resolve 的基础用法
前端·javascript
a11177618 分钟前
卡通风格 UI 组件库html (TRIZ UI Kit [特殊字符])
前端·ui·html
鳄鱼杆37 分钟前
虚拟机 | 如何通过域名访问虚拟机中的Web服务?
前端
赵_叶紫1 小时前
Vue 3 从基础到组合式 API 全解析
vue.js
We་ct1 小时前
LeetCode 236. 二叉树的最近公共祖先:两种解法详解(递归+迭代)
前端·数据结构·算法·leetcode·typescript
用泥种荷花1 小时前
【LangChain.js学习】 提示词模板
前端
认真的薛薛2 小时前
2-监控:elk采集各种日志并出图
前端·chrome·elk
hypnos_xy2 小时前
Vue3 工程构建
vue.js·前端框架