uni.getStorageSync获取手机端H5存储的缓存（localStorage）数据

最新推荐文章于 2024-05-19 14:50:35 发布
最新推荐文章于 2024-05-19 14:50:35 发布
阅读量1.5w 收藏 15
点赞数 2
分类专栏： js javascript uni-app 文章标签： js vue 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39376990/article/details/108452725
版权
如题，我们须有先了解相关知识需要先掌握uni-app关于数据缓存的api 传送门需要了解html5的plus关于Storage模块的知识 传送门如下h5代码document.addEventListener('plusready', function(){ plus.storage.setItem('info', '喵喵喵~~~');//存数据 let ret = plus.storage.removeItem('info');//取数据 console.log(ret); //控制台
摘要由CSDN通过智能技术生成
处理如题需求，我们须要先了解相关知识
  1. 需要先掌握uni-app关于数据缓存的api 传送门
  2. 需要了解html5的plus关于Storage模块的知识 传送门

如下h5代码

document.addEventListener('plusready', function(){
   
	plus.storage.setItem(
最低0.47元/天 解锁文章
喵喵喵~~~
关注
  • 2
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue、uniapp使用localstorage完成历史搜索功能
qq_42642780的博客
06-09 5863
本人小白最近在学习vue和uniapp，现在在做一个魅族商城的项目，做到了历史搜索这一块，想分享一下，希望大家可以指出错误！！！（博客处女作） 说明：这里主要说的是点击搜索按钮，然后你新输入的文本就会出现在下面搜索历史的第一个，最多可以添加8个，大于8个则删除最后一个元素，其他功能这里不说明，可以私聊我一起学习哈 vue文件中的父组件 因为这里不是在同一个组件实现 <view class="right-text" " @click="search">搜索</view> metho
Vue使用localStorage存储数据的方法
12-11
在实际应用中，我们常常需要在用户浏览器端存储数据，以实现页面刷新后数据的持久化。`localStorage`是Web Storage API的一部分，用于在浏览器中存储键值对，且数据在关闭浏览器后仍然存在。本文将详细讲解如何在Vue...
uni-app的实用技巧及数据缓存
phpweiyi的博客
06-19 1万+
其中，STRING 是需要拦截的 HTTP 请求的 URL 的匹配规则，可以使用字符串或正则表达式来表示。uni-app的数据缓存是指对数据进行本地存储，从而在下次访问时可以直接从本地获取数据，提高了程序的性能和用户体验。通过这种方法，我们可以在做前端开发的时候对所有的 HTTP 请求进行全局的拦截处理，实现对请求的统一处理、简化开发流程、提高代码质量等目的。通过uni.setStorage可以将数据存储到storage中，通过uni.getStorage可以从storage中读取数据。
uni-app中数据缓存与调用
最新发布
L20523的博客
05-19 1632
uni.setStorageSync(KEY,DATA) 将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。综上所述，本地缓存适用于需要持久化存储数据、跨页面或组件共享数据的场景，而 Vuex 适用于全局状态管理、多组件之间共享数据的场景。这样就完成了将排序后的数据存储到 Vuex 的 store 中的操作。state里的数据就是我们所存储的数据。是 Vuex 中的状态对象，而。的处理逻辑中，我们将传入的数据。2.获取vuex中的数据。
uniapp 之 本地存储
jun_tong的博客
09-27 2391
uniapp提供了一种简单易用的本地存储方式，它可以将数据存储到浏览器的LocalStorage中，也可以存储到微信小程序的本地缓存中，以满足不同平台下的需求。可以使用uni.setStorageSync()方法将数据存储到LocalStorage中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。可以使用uni.setStorageSync()方法将数据存储到本地缓存中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。二、LocalStorage的使用。
#Uniapp：数据缓存uni.setStorage、uni.setStorageSync、uni.getStorage、uni.getStorageSync、uni.getStorageInfo..
...
01-15 1751
从HBuilderX2.6.6+起，App-Android平台对本地storage数据存储进行了性能优化，老用户升级注意事项，详见：https://ask.dcloud.net.cn/article/37071。将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。从本地缓存中异步获取指定 key 对应的内容。从本地缓存中同步获取指定 key 对应的内容。
uniapp H5与vue之间存取缓存
weixin_47490704的博客
11-23 1775
1.vue存与h5取 vue： uni.setStorageSync('isClick', true) h5： JSON.parse(plus.storage.getItem('isClick')).data 2.h5存与vue取 vue： uni.getStorageSync('isClick') h5： plus.storage.setItem('isClick',""+false) 注：plus.storage.setItem()不能直接存false，得加上"" ...
【uni-app】StorageSync 取值/赋值/移除/清空操作
loyd3的博客
04-27 1万+
取值 function get(key,sync = true) { try { if(sync){ return uni.getStorageSync(key); }else{ let data = ''; uni.getStorage({ key:key, success: function (res) { data = res.data; } }); return data; } } catch (e) {
JavaScript使用localStorage存储数据
10-16
主要为大家详细介绍了JavaScript使用localStorage存储数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
12-14
思路：既然localStorage只能存储字符串数据，那么我们就可以先把JSON对象转换成字符串，然后用localStorage方法存储起来；等到需要用到这些JSON数据时，先把它们读取出来，然后再转换成JSON对象加以利用。 具体代码...
H5app手机端控制台打印vConsole
08-09
在开发H5应用程序时，有时候我们需要在手机端查看和调试JavaScript的运行情况，这通常涉及到在手机控制台上输出日志信息。"H5app手机端控制台打印vConsole"是解决此类问题的一种工具，它允许开发者在移动设备上查看...
uni-app——storage的使用(Storage、StorageSync)
热门推荐
qq_44862029的博客
02-27 2万+
一.uni.setStorage(OBJECT)OBJECT 参数uni.getStorage()uni.removeStorage()二. uni.setStorageSync(KEY,DATA)参数说明uni.getStorageSync()uni.removeStorageSync()注意 一.uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 OBJECT 参数 参数名 说明 k
uniapp没有localstorage可使用uni.setStorage
浮游的博客
06-06 1362
WEB应用的快速发展，本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。// 获取指定key 本地存储数据的值。// 删除指定key 本地存储的值。1、将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。
uniapp本地存储的几种方式localStorage
nalanxiaoxiao2011的博客
02-02 2465
前端本地存储 localStorage 遇到的问题
uniapp本地存储（uni.setStorageSync，uni.setStorage）
2401_82816130的博客
03-24 2570
uniapp本地存储分为同步和异步存储
一文读懂Uniapp的setStorage、setStorageSync、getStorage以及getStorageSync（附Demo）
码农研究僧的博客
04-15 4678
uni.setStorage({key, data, success, fail, complete})：将数据异步存储到本地缓存中，可提供成功、失败和完成时的回调函数 uni.getStorage({key, success, fail, complete})：从本地缓存中异步获取数据，可提供成功、失败和完成时的回调函数
解决uniapp打包成apk后uni.getStorageSync获取不到值
请叫我欧皇！的博客
01-05 1594
uniapp写的项目，在hbuilderx中云打包成apk后我在登录存储的token死都获取不到，导致后续接口请求头没有token连接不到接口，试过了很多种方法，uni.getStorageSync、uni.setStorage和uni.getStorage进行存储、vuex还有全局变量...没一个成功的。但是在同一个页面进行存储和取值是可以实现。所以猜想是写法的问题。
uniapp本地存储（uni.setStorageSync和uni.setStorage）
m0_64590669的博客
04-25 1万+
uniapp本地存储（uni.setStorageSync和uni.setStorage）
【uniapp】H5向uniapp通信存储数据——H5如何传递数据到uniapp方法的解决方案
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
04-08 827
最近在做H5号码认证无感登录，发现市场上的H5登录文档不健全，没有适合uniapp的，综合对比了多家，找了一家个推的接入，由于SDK、demo都是H5，精力有限，于是打算通过H5完成认证，通过回调数据发送给Uniapp进行验证。
可以给一下解决的方法吗？我现在的代码如下：handleChange(value){ var numDom= this.$refs; for (var i = 0; i <= this.shoppingCar.length - 1; i++) { if ( value.itemId==this.shoppingCar[i].itemId) { if(this.sum !== 0){ this.sum=(this.sum.toFixed(2)*100000000000000)/100000000000000; } this.shoppingCar[i].numValue = parseInt(numDom[value.itemId][0].inputValue) //如果购物车中商品数量为最后一个 if (this.shoppingCar[i].numValue == 0) { // this.shoppingCar.splice(i,2) this.shoppingItem.data=[] } this.shoppingItem.data = JSON.parse(uni.getStorageSync(this.sellerId)) break; } } this.shoppingItem.data.forEach(item=>{ item.numValue=numDom[item.itemId][0].inputValue }) this.sumAdd() this.sumCount() uni.setStorageSync(this.sellerId,JSON.stringify(this.shoppingCar)) uni.setStorageSync('doAccounts', JSON.stringify(this.sum)) uni.setStorageSync('count', JSON.stringify(this.count)) this.shoppingItem.data = JSON.parse(uni.getStorageSync(this.sellerId))
06-12
你可以尝试以下修改： 1. 在删除商品前，先复制一份`shoppingCar`数组，避免直接修改原来的数组： ``` let newShoppingCar = JSON.parse(JSON.stringify(this.shoppingCar)); ``` 2. 对复制的数组进行删除操作： ``` if (this.shoppingCar[i].numValue == 0) { newShoppingCar.splice(i, 1); } ``` 3. 将复制的数组赋值给原数组： ``` this.shoppingCar = newShoppingCar; ``` 4. 最后再将修改后的`shoppingCar`数组存储到`localStorage`中。 完整代码如下： ``` handleChange(value) { var numDom = this.$refs; for (var i = 0; i <= this.shoppingCar.length - 1; i++) { if (value.itemId == this.shoppingCar[i].itemId) { if (this.sum !== 0) { this.sum=(this.sum.toFixed(2)*100000000000000)/100000000000000; } this.shoppingCar[i].numValue = parseInt(numDom[value.itemId][0].inputValue) //如果购物车中商品数量为0 if (this.shoppingCar[i].numValue == 0) { let newShoppingCar = JSON.parse(JSON.stringify(this.shoppingCar)); newShoppingCar.splice(i, 1); this.shoppingCar = newShoppingCar; } this.shoppingItem.data = JSON.parse(uni.getStorageSync(this.sellerId)) break; } } this.shoppingItem.data.forEach(item => { item.numValue = numDom[item.itemId][0].inputValue }) this.sumAdd() this.sumCount() uni.setStorageSync(this.sellerId, JSON.stringify(this.shoppingCar)) uni.setStorageSync('doAccounts', JSON.stringify(this.sum)) uni.setStorageSync('count', JSON.stringify(this.count)) this.shoppingItem.data = JSON.parse(uni.getStorageSync(this.sellerId)) } ``` 这样就可以避免删除商品时对其他商品产生影响了。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值