window.localStorage.setItem的使用

最新推荐文章于 2024-05-09 09:31:53 发布
最新推荐文章于 2024-05-09 09:31:53 发布
阅读量2.5k 收藏 4
点赞数
分类专栏： JS啊
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43718291/article/details/104635867
版权

最近接触的一个小项目中频繁看到一个新的面孔：

 changeTheme () {
   
      dispatch({
    type: 'app/switchTheme' })
    },
    changeOpenKeys (openKeys) {
   
      window.localStorage.setItem(`${
     prefix}navOpenKeys`, JSON.stringify(openKeys))
      dispatch({
    type: 'app/handleNavOpenKeys', payload: {
    navOpenKeys: openKeys }</
最低0.47元/天 解锁文章
酒慰风尘
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
localstorage实现带过期时间的缓存功能
10-16
通过这样的实现，开发者可以在前端应用中方便地使用带有过期时间的`localStorage`缓存，从而更好地管理用户数据，提高应用程序的性能和用户体验。同时，这种策略也可以应用于其他需要本地缓存的场景，例如存储用户...
适用于浏览器和Node.js的通用LocalStorage。-JavaScript开发
05-26
如果环境定义window.localStorage->“浏览器”，否则->“节点”从“ localstorage-ponyfill”导入{createLocalStorage}; const localStorage = createLocalStorage（）; localStorage.setItem（“ key”，“ value”...
sessionStorage存储数据（对象、数组、字符串）
热门推荐
chongchong1325的博客
09-28 1万+
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储 sessionStorage 方法 sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后，数据会被删除。 sessio
window.localStorage.setItem() 报错
最新发布
a123123sdf的博客
05-09 500
DOMException: Failed to execute 'setItem' on 'Storage': Setting the value of "XXX" exceeded the quota window.localStorage.setItem() 缓存 超额
window.localStorage.setItem的理解与使用
weixin_40029679的博客
05-18 5461
最近接触的一个小项目中频繁看到一个新的面孔： changeTheme () { dispatch({ type: 'app/switchTheme' }) }, changeOpenKeys (openKeys) { window.localStorage.setItem(`${prefix}navOpenKeys`, JSON.stringify(openKeys)) dispatch({ type: 'app/handleNavOpenKeys',
localStorage.setItem()使用
m0_53136368的博客
06-27 1001
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。localStorage的优势1、localStorage拓展了cookie的4K限制。
登录（二）账号和密码——token值：保存-window.localStorage.setItem(‘token‘, token)&查看-sessionStorage.getItem(‘token‘）
weixin_44867717的博客
05-26 2818
基本功能——账号和密码 & 登录成功后——保存token值-window.localStorage.setItem(‘token’, body.token) & 查看token值-sessionStorage.getItem(‘mytoken’） 添加状态：username（账号） 和 password（密码） 使用受控组件方式获取表单元素值(value+onChange) 给 form 表单添加 onSubmit。 创建方法 handleSubmit，实现表单提交。 在方法中，通过
vue使用二次封装存储localStorage
03-04
window.localStorage.setItem(key, serializedValue) } catch (error) { Vue.error('Failed to set localStorage item:', error) } }, getItem(key) { const storedValue = window.localStorage.getItem...
vue中使用localstorage来存储页面信息
08-28
window.localStorage.setItem(STORAGE_KEY, window.JSON.stringify(items)) } } 四、运行项目 最后，我们可以运行项目： npm run dev 这样，我们就可以在浏览器中看到一个简单的待办事项列表，并且可以实时...
window.open父子窗口传值问题
03-27
localStorage.setItem("sharedData", value); // 子窗口读取值 var value = localStorage.getItem("sharedData"); ``` 5. **使用IFrame**：如果子窗口可以嵌入到父窗口中，可以通过IFrame与父窗口通信，利用`...
javascript - localStorage 本地存储（新增、删除、修改）
BMG-Princess
07-03 2193
现在前端做数据存储，跨页面传值，localStorage是一个很好的方式，以键值对的方式存储，也方便取值赋值，下面说一说使用方法和一些常见的使用技巧。存值共有3种方式，localStorage相当于window对象下面的一个属性，所以有[]和.调用，但也具有自身的setItem方法// 自身方法// []方法// .方法。
本地存储：window.localStorage的特性和使用方法
weixin_46682277的博客
04-22 1501
window.localStorage的特性： 生命周期永久生效，除非手动删除，否则关闭页面也会存在 可以多窗口(页面)共享(同一个浏览器的情况下) 以键值对的形式存储使用(和sessionStorage一样) window.localStorage的使用方法(和sessionStorage使用方法一样)： 存储数据： localStorage.setItem(key,value); 获取数据： localStorage.getItem(key); 删除数据： localStorage.removeIt
城市列表（六）03-控制城市的选中操作——localStorage.setItem(getItem)存/取数据&JSON.stringify-转为JSON字符串&JSON.parse-转为js对象
weixin_44867717的博客
02-22 473
城市列表（六）03-控制城市的选中操作——localStorage.setItem 存数据 & localStorage.getItem 取数据 & JSON.stringify- 转换为 JSON 字符串 & JSON.parse-转换为js对象 切换城市 北上广深有数据,点击其他位置,回到默认的当前城市 <div key={key} style={style} className="city"> <div className="title">{l
localStorage的一些简单用法
weixin_65635437的博客
06-02 1348
localStorage的一些简单用法
利用window.localStorage保存登录者信息在另一个页面通过此信息与后端交互获得登陆者详细信息
叶鹤的博客
01-21 1268
利用window.localStorage保存登录者信息在另一个页面通过此信息与后端交互获得登陆者详细信息 （标题有点长了） 首先我先说我用window.localStorage的目的（标题好像写出来了），我本来是想在用户基本资料页面展示用户详细信息，但是我是从登录页面跳转过去的，在另一个页面无法知道这个用户是谁（注：在用户详情页面需要向后端传递用户账号然后才能返回用户详细信息），所以我需要能存储一下用户登录信息的东东，于是我就找到了window.localStorage 在哪找到的呢？ 在这个博客里面：h
localStorage存储方法的问题
id_dimu的博客
04-20 1101
定义一个对象 var test = { fun(){ var inn = 2; return inn; }, out:1 } 将对象放入浏览器localStrorage里面( 其中需要将对象转为json类型) window.localStorage.setItem("test",JSON.stringify(test)) 然后会...
在使用localstorage的时候发生了报错的解决办法
李大大的博客
08-13 1万+
在使用localstorage的时候，发生了报错，提示是传入的格式不正确，但是传入的是json格式，为什么不正确呢？ 1、在localStorage.setItem("",{})过程中，传进的参数需使用JSON.tringfy()方法转成json格式的字符串。 2、在localStorage.getItem("",{})过程中，要使用JSON.parse(localStorage.getIte...
localStorage浏览器本地存储
m0_56902189的博客
05-06 127
localStorage浏览器本地存储
window.localStorage.setItem
05-12
window.localStorage.setItem() 是 JavaScript 中用于将...需要注意的是，使用 window.localStorage.setItem() 存储的数据将一直存在，除非被手动删除或浏览器缓存被清除。因此，应该谨慎使用该方法来存储敏感数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值