微信小程序-详解数据缓存


Posted in Javascript onNovember 24, 2016

每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB。

注意: localStorage 是永久存储的,但是我们不建议将关键信息全部存在 localStorage,以防用户换设备的情况。

wx.setStorage(OBJECT)

将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。

OBJECT参数说明:微信小程序-详解数据缓存

示例代码

wx.setStorage({
 key:"key"
 data:"value"
})

wx.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。

OBJECT参数说明:微信小程序-详解数据缓存

示例代码

try {
  wx.setStorageSync('key', 'value')
} catch (e) {  
}

wx.getStorage(OBJECT)

从本地缓存中异步获取指定 key 对应的内容。

OBJECT参数说明:微信小程序-详解数据缓存

 示例代码:

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参数说明:微信小程序-详解数据缓存

 success返回参数说明:微信小程序-详解数据缓存

 示例代码:

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
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用tip解决Ext列宽度不够的问题
Dec 13 Javascript
jQuery 获取URL参数的插件
Mar 04 Javascript
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
详解AngularJS 模态对话框
Apr 07 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
Openlayers实现测量功能
Sep 25 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 Javascript
在vue中通过render函数给子组件设置ref操作
Nov 17 Vue.js
一篇超完整的Vue新手入门指导教程
Nov 18 Vue.js
javascript实现点击小图显示大图
Nov 29 Javascript
如何实现json数据可视化详解
Nov 24 #Javascript
BootStrap 可编辑表Table格
Nov 24 #Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 #Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 #Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 #Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
Nov 24 #Javascript
完美解决IE不支持Data.parse()的问题
Nov 24 #Javascript
You might like
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
VueJS组件之间通过props交互及验证的方式
2017/09/04 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
iview实现select tree树形下拉框的示例代码
2018/12/21 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
Python中Collection的使用小技巧
2014/08/18 Python
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
Python函数式编程指南(四):生成器详解
2015/06/24 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
华为校园招聘上机笔试题 扑克牌大小(python)
2020/04/22 Python
python set内置函数的具体使用
2019/07/02 Python
编程实现当输入某产品代码则打印出该产品记录的功能
2014/05/03 面试题
企业管理专业个人求职信范文
2013/09/24 职场文书
学前班教师的自我鉴定
2013/12/05 职场文书
职业女性的职业规划
2014/03/04 职场文书
情人节寄语大全
2014/04/11 职场文书
优秀团员事迹材料1000字
2014/08/20 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
浅谈@Value和@Bean的执行顺序问题
2021/06/16 Java/Android
Java多条件判断场景中规则执行器的设计
2021/06/26 Java/Android
spring boot项目application.properties文件存放及使用介绍
2021/06/30 Java/Android
一些让Python代码简洁的实用技巧总结
2021/08/23 Python