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


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 相关文章推荐
小型js框架veryide.librar源代码
Mar 05 Javascript
潜说js对象和数组
May 25 Javascript
关于jQuery中的end()使用方法
Jul 10 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
Javascript中innerHTML用法实例分析
Jan 12 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
May 31 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
Feb 14 Javascript
javascript 中Cookie读、写与删除操作
Mar 29 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
javascript实现小型区块链功能
Apr 03 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
Aug 07 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 实现多服务器共享 SESSION 数据
2009/08/15 PHP
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
php去除数组中重复数据
2014/11/18 PHP
PHP数组函数知识汇总
2016/05/12 PHP
解决Laravel5.5下的toArray问题
2019/10/15 PHP
js arguments.callee的应用代码
2009/05/07 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
关于JS中二维数组的声明方法
2016/09/24 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
JS常用算法实现代码
2016/11/14 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
vuejs如何配置less
2017/04/25 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
JS数组reduce()方法原理及使用技巧解析
2020/07/14 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
Python实现FTP上传文件或文件夹实例(递归)
2017/01/16 Python
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
Linux内核产生并发的原因
2012/07/13 面试题
工程造价专业大学生职业规划范文
2014/03/09 职场文书
人力资源管理毕业求职信
2014/08/05 职场文书
领导干部贪图享乐整改措施
2014/09/21 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP