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

浏览器一关,就没有了!

四、小结

相关推荐
木斯佳19 分钟前
鸿蒙开发入门指南:前端开发者快速掌握常用布局
前端·css
咕噜咪21 分钟前
OpenLayers 入门教程:从零开始学习Web地图开发
前端·学习
炽烈小老头24 分钟前
前端最最最基础的基础HTML基础
前端·html
小霖家的混江龙35 分钟前
仿淘宝 AI 推荐:用 Next.js 构建入门智能水果推荐 Demo
前端·人工智能·next.js
诚诚程程成40 分钟前
URL Query Editor 前端开发工具:方便调试页面URL参数 URL参数可视化
前端
CHU72903544 分钟前
直播逛购新体验——直播商城APP前端功能详解
前端·小程序
Jackson__1 小时前
Agent Skill 和 MCP 到底有什么区别?很多人搞混了
前端·ai编程·mcp
new code Boy1 小时前
Vue2转Vue3速查表
前端·javascript·vue.js
紫_龙2 小时前
最新版vue3+TypeScript开发入门到实战教程之toRefs与toRef实用技巧
前端·javascript·typescript
大家的林语冰2 小时前
Vite 第 1 个 Rolldown 稳定版正式发布,前端构建又一波“工业革命“
前端·javascript·vite