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


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 与或运算符 || && 妙用
Dec 09 Javascript
Javascript 去除数组的重复元素
May 04 Javascript
javascript 函数及作用域总结介绍
Nov 12 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
Vue 实现展开折叠效果的示例代码
Aug 27 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 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生成Flash动画的实现代码
2010/03/12 PHP
php存储过程调用实例代码
2013/02/03 PHP
PHP常用技巧汇总
2016/03/04 PHP
用javascript实现的图片马赛克后显示并切换加文字功能
2007/04/21 Javascript
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
javascript新手语法小结
2008/06/15 Javascript
Jquery操作Select 简单方便 一个js插件搞定
2009/11/12 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
PHP PDO操作总结
2014/11/17 Javascript
node.js中的fs.fsync方法使用说明
2014/12/15 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
js表单提交和submit提交的区别实例分析
2015/12/10 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
js canvas实现画图、滤镜效果
2018/11/27 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
解决layui的radio属性或别的属性没显示出来的问题
2019/09/26 Javascript
利用PHP实现递归删除链表元素的方法示例
2020/10/23 Javascript
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
Python标准库shutil用法实例详解
2018/08/13 Python
解决python Markdown模块乱码的问题
2019/02/14 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
苹果音乐订阅:Apple Music
2018/08/02 全球购物
基层党建工作宣传标语
2014/06/24 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
企业2014年度工作总结
2014/12/10 职场文书
公司内部升职自荐信
2015/03/27 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
python 如何在list中找Topk的数值和索引
2021/05/20 Python