微信小程序,前端大梦想(七)
微信小程序之数据缓存实例-备忘录
数据缓存在移动端的使用是非常重要的,既可以减少用户的流量支出又可以提高程序的访问速度和用户体验。每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上限为 10MB。
一、 Wx.setStorage(OBJECT)
将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。
object参数说明:
示例代码:
wx.setStorage({key:"key",data:"value"})
- wx.setStorageSync(KEY,DATA)
将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。
参数说明:
示例代码:
try {wx.setStorageSync('key', 'value')} catch (e) { }
- wx.getStorage(OBJECT)
从本地缓存中异步获取指定 key 对应的内容。
OBJECT参数说明:
success返回参数说明:
示例代码:
wx.getStorage({key: 'key',success: function(res) {console.log(res.data)}})
- wx.getStorageSync(KEY)
从本地缓存中同步获取指定 key 对应的内容。
参数说明:
示例代码:
try {var value = wx.getStorageSync('key')if (value) {// Do something with return value }} catch (e) {// Do something when catch error }
- wx.getStorageInfo(OBJECT)
异步获取当前storage的相关信息
OBJECT参数说明:
示例代码:
wx.getStorageInfo({success: function(res) {console.log(res.keys)console.log(res.currentSize) console.log(res.limitSize)}})
- 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 }
- wx.removeStorage(OBJECT)
从本地缓存中异步移除指定 key 。
OBJECT参数说明:
示例代码:
wx.removeStorage({key: 'key',success: function(res) {console.log(res.data)}})
- wx.removeStorageSync(KEY)
从本地缓存中同步移除指定 key 。
参数说明:
示例代码:
try {wx.removeStorageSync('key')} catch (e) {// Do something when catch error }
- wx.clearStorage()
清理本地数据缓存。
示例代码:
wx.clearStorage()
- wx.clearStorageSync()
同步清理本地数据缓存
示例代码:
try {wx.clearStorageSync()} catch(e) {// Do something when catch error }
项目效果:
转载于:https://www.cnblogs.com/jerehedu/p/6873855.html
微信小程序,前端大梦想(七)相关推荐
- 微信小程序,前端大梦想(六)
微信小程序之联合百度API实现定位 定位功能对于我们都不陌生,在移动端的应用中更是不可或缺的功能,小程序中也提供了对应的API帮助我们完成定位的实现,但是目前小程序的定位API只能返回经纬度,所以 ...
- mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端
使用phpstudy将本地mysql数据显示在微信小程序前端 第一步:新建小程序 在pages文件里新建一个phptest文件夹,如果你不知道操作,建议先学小程序的基础知识 第二步:写phptest. ...
- 微信小程序期末大作业-天使童装商城
微信小程序期末大作业-天使童装商城,导入即可使用,有轮播图,底部导航,各种童装标签,有首页,分类,优惠券,购物车,个人中心五个导航,适合初学者学习使用,如下图所示:(资源链接在末尾) 资源下载链接:h ...
- 微信小程序期末大作业 记单词小程序 适合初学者学习使用
微信小程序期末大作业 记单词小程序 小程序如下图所示:(下载链接在文末) 点我下载资源 https://download.csdn.net/download/weixin_43474701/59677 ...
- 网易云易盾推出面向微信小程序的大数据反作弊产品
近日,国内领先的业务风控服务网易云易盾对外推出面向微信小程序的大数据反作弊产品,源于网易20年的核心业务风控技术与全面稳健的策略模型,有机整合了设备指纹.IP画像.规则引擎等八大能力,可广泛应用电商营 ...
- 微信小程序对接大华摄像头
文章目录 微信小程序对接大华摄像头 1.在app.json中声明 2. 使用插件 3.使用自定义组件: 微信小程序对接大华摄像头 文档地址:https://open.imoulife.com/book ...
- 微信小程序——前端——抵扣券、优惠券样式
微信小程序--前端--抵扣券.优惠券样式 效果图: 实现思路: 左边+划线+右边==使用信息+分割线+使用限制 整体底色: .wrapper {margin: 0 auto;width: 100%;d ...
- 微信小程序实现大转盘抽奖----踩坑之路
微信小程序实现大转盘抽奖----踩坑之路 需求:现在有一个小程序抽奖页面如下,此类抽奖方式为大转盘 思路:由服务端获取抽奖次数和奖品,根据服务端的中奖概率来决定是否中奖,最后利用小程序动画将转盘转起来 ...
- 微信小程序期末大作业-蔬菜商城
微信小程序期末大作业-蔬菜商城 在这个小程序可以 购买各种蔬菜,有四个底部导航栏,轮播图,动态文字,首页,订单,个人中心,分类,购物车五个导航,时候初学者学习使用,如下图所示: 资源下载链接:http ...
- 微信小程序期末大作业-精品优购商城
微信小程序期末大作业-精品优购商城 导入即可运行,有轮播图,各种商品标签,底部导航栏,包含首页,分类,购物车,个人中心四个导航:如下图:(资源链接在末尾) 资源下载链接:https://downloa ...
最新文章
- python使用箱图法和业务规则进行异常数据处理并检查预测使用的数据特征是否有字段缺失的情况并补齐
- 重新标注128万张ImageNet图片:多标签,全面提升模型性能
- 使用 jetty-maven-plugin发布maven项目
- 打开word文档提示文件未找到_word图片显示:如何打开多图文档不再卡慢
- Laravel 实践之路: 数据库迁移与数据填充
- Serverless 领域近一年行业发展回顾
- 纯CSS美化单复选框(checkbox、radio)
- net.sf.fmj.media.cdp.civil.CaptureDevicePlugger addCaptureDevices解决方法
- Java Vector Capacity()方法与示例
- java rmi 安全管理器_Java:没有安全管理器:RMI类加载器被禁用
- deepin安装realtek c821无线网卡驱动
- PushService开发分享
- 半桥llc 增益 matlab程序,半桥LLC谐振设计多路输出辅助电源
- excel去掉一行文字中的逗号合并在一起_这30个Excel实用技巧,效率大神都忍不住收藏了。...
- Maven 错误找不到符号
- 日行一pwn:pwn1_sctf_2016
- Bilibili到底有多少御坂妹?(二)
- Windows10重装、安装 超级详细、小白教程 官方正版安装
- 2017京东春招实习生招聘编程题
- Python中pip,pip3,虚拟环境(venv)三者的关系,如何在pycharm中使用虚拟环境,以及安装依赖包所遇到的问题。