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


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 相关文章推荐
jquery 实现的全选和反选
Apr 15 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
Jun 21 Javascript
jquery实现表单获取短信验证码代码
Mar 13 Javascript
详解Vue内部怎样处理props选项的多种写法
Nov 06 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
Apr 10 Javascript
通过实例了解Javascript柯里化流程
Mar 03 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 Javascript
vue中的v-model原理,与组件自定义v-model详解
Aug 04 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 Javascript
微信小程序实现选项卡滑动切换
Oct 22 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 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开源建站平台小结
2010/04/22 PHP
thinkPHP3.1验证码的简单实现方法
2016/04/22 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
jQuery代码优化 遍历篇
2011/11/01 Javascript
JQuery拖拽元素改变大小尺寸实现代码
2012/12/10 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
2015/11/30 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
bootstrap配合Masonry插件实现瀑布式布局
2017/01/18 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
JS实现的ajax和同源策略(实例讲解)
2017/12/01 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
Idea安装python显示无SDK问题解决方案
2020/08/12 Python
python爬虫利用selenium实现自动翻页爬取某鱼数据的思路详解
2020/12/22 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
2015年学生会工作总结范文
2015/03/31 职场文书
社区党员干部承诺书
2015/05/04 职场文书
学风建设主题班会
2015/08/17 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python
详解Vue router路由
2021/11/20 Vue.js
Docker 镜像介绍以及commit相关操作
2022/04/13 Servers