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

浏览器一关,就没有了!

四、小结

相关推荐
hashiqimiya1 分钟前
spring框架springbean依赖及单一项目
java·前端·spring
C澒2 分钟前
微前端容器标准化:业务域通用容器标准化改造
前端·架构
yangyanping201087 分钟前
Vue入门到精通八之data 函数
javascript·vue.js·ecmascript
XW01059998 分钟前
5-8能被3,5和7整除的数的个数(用集合实现)
前端·javascript·数据结构·数据库·python·for循环
returnthem9 分钟前
Dockerfile
前端·firefox
沉默-_-12 分钟前
接收请求:HttpServletRequest的几种用法
前端·servlet·firefox
历程里程碑12 分钟前
37 线程安全单例模式深度解析
java·服务器·开发语言·前端·javascript·c++·排序算法
一尾流莺12 分钟前
狼人杀娱乐版型介绍
前端
wuhen_n13 分钟前
v-once和v-memo完全指南:告别不必要的渲染,让应用飞起来
前端·javascript·vue.js
干前端19 分钟前
Vue3 组件库实战(六):从本地到 NPM,Vue 组件库工程化构建与打包全指南(上)
前端·vue.js·npm