今天给各位分享小程序本地存储的知识,其中也会对小程序本地存储时间进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
微信小法度榜样占用存储空间吗
演示机型:Iphone 13华为P50小米11 体系版本:iOS 15HarmonyOS 2MIUI 12.5 APP版本:微信8.0.15
微信小法度榜样占用存储空间。其重要占用存储空间有初次加载小法度榜样时,微信从办事器高低载的小法度榜样本体和小法度榜样在运行过程中,存放至本地的数据。微信小法度榜样是一种不须要下载安装即可应用的应用,它实现了应用“触手可及的妄图,用户扫一扫或搜一下即可打开应用。周全开放申请后,主体类型为企业、当局、媒体、其他组织或小我的开辟者,均可申请注册小法度榜样。
微信小法度榜样保存的数据在哪
小法度榜样数据存储重要有两个办法,一个是小法度榜样本地存储数据,把数据存储到小法度榜样的用户端。还有一种是存储到你的web数据库,数据库里的是数据是永远保存的。
【微信小法度榜样】本地缓存
本地缓存官方讲解:
演示视屏可以存眷公微信订阅号查看(Rabbit_svip)。
样式随便写,重要留心功能。
页面构造
【app.json】
【login.wxml】
【login.js】
【index.wxml】
【index.js】
先看看【app.json】,在pages里面,要把login放在第一,如许在小法度榜样打开的时刻,就会先打开login.wxml这个页面。
【login.wxml】页面,第二行的form标签里,要加bindsubmit。
这是微信官方文档上写明的事宜。在form表单提交时,会携带form中的数据出发submit事宜。
在应用bindsubmit时,记得在input元素上面写明“name”属性。
可以尝尝,查看一下控制台输出的值。
【login.js】
在点击登录提交表单后,假如登录成功,用wx.setStorage(),把用户名临时存储起来。
存储完成后,跳转页面。用到 wx.redirectTo
用 wx.redirectTo 进行跳转,是没有返回上一层的路径的。
在login.js这个页面中,用到 onLoad 这个函数(第107行)。感化是监听页面加载。
onLoad里面,用到 wx.getStorage 这个API。感化是检测本地缓存,看看是否有对应的key指定的值。假如有,则调用 success 这个回调函数。
【index.js】
这个页面设置了一个清除本地缓存的button。
用到 wx.removeStorage 这个API。
这里只要指定key值就行。如许就可以删除掉落对应的缓存。
删除成功后,履行 success 回调函数。
微信小法度榜样--本地存储
本地存储分为异步和同步。
设置:
异步:wx.setStorage
同步:wx.setStorageSync
获取:
异步:wx.getStorage
同步:wx.getStorageSync
移除:
异步:wx.removeStorage
同步:wx.removeStorageSync
清除所有:
异步:wx.clearStorage
同步:wx.clearStorageSync
这里给人人以同步为例,
wx.setStorageSync('key','value')
接下来,小法度榜样本地存储我们说一下本地收藏功能怎么实现小法度榜样本地存储的呢
这是一个列表衬着页面,每一个view点进去的详情页面其实是一个页面,只是传不合的id,来赋值不合的数据展示出来罢了。
经由过程JS文件中带参数的跳转,把响应的数据传到详情页中,那接下来就是展示详情页
微信小法度榜样怎么进行数据缓存
每个微信小法度榜样都可以有本身小法度榜样本地存储的本地缓存,可以经由过程 wx.setStorag(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB。
留意:
localStorage 是永远存储小法度榜样本地存储的,然则小法度榜样本地存储我们不建议将关键信息全部存在 localStorage,以防用户换设备的情况。
wx.setStorage(OBJECT)将数据存储在本地缓存中指定的 key 中,会覆盖掉落本来该 key 对应的内容,这是一个异步接口。
代码示例
wx.setStorage({ key:"key" data:"value" })1234
wx.setStorageSync(KEY,DATA)
将 data 存储在本地缓存中指定的 key 中,会覆盖掉落本来该 key 对应的内容,这是一个同步接口。
try { wx.setStorageSync('key', 'value') } catch (e) { }1234
wx.getStorageInfo(OBJECT)
异步获取当前storage的相干信息
wx.getStorageInfo({ success: function(res) { console.log(res.keys) console.log(res.currentSize) console.log(res.limitSize) } })1234567
wx.getStorageInfoSync
同步获取当前storage的相干信息
try { var res = wx.getStorageInfoSync() console.log(res.keys) console.log(res.currentSize) console.log(res.limitSize) } catch (e) { // Do something when catch error }12345678
wx.removeStorage(OBJECT)
从本地缓存中异步移除指定 key 。
wx.removeStorage({ key: 'key', success: function(res) { console.log(res.data) } })123456
wx.removeStorageSync(KEY)
从本地缓存中同步移除指定 key 。 try { wx.removeStorageSync('key') } catch (e) { // Do something when catch error }123456
wx.clearStorage()
清理本地数据缓存。
wx.clearStorage()1
wx.clearStorageSync()
同步清理本地数据缓存
try { wx.clearStorageSync() } catch(e) { // Do something when catch error }
小程序本地存储的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于小程序本地存储时间、小程序本地存储的信息别忘了在本站进行查找喔。
发表评论
发表评论: