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


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 相关文章推荐
Javascript页面添加到收藏夹的简单方法
Aug 07 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
从源码看angular/material2 中 dialog模块的实现方法
Oct 18 Javascript
简单两步使用node发送qq邮件的方法
Mar 01 Javascript
JavaScript async/await原理及实例解析
Dec 02 Javascript
小程序实现列表倒计时功能
Jan 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 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
use jscript Create a SQL Server database
2007/06/16 Javascript
动态刷新 dorado树的js代码
2009/06/12 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
bootstrap select插件封装成Vue2.0组件
2017/04/17 Javascript
JavaScript数据结构学习之数组、栈与队列
2017/05/02 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
Nginx 配置多站点vhost 的方法
2018/01/07 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
Python中的descriptor描述器简明使用指南
2016/06/02 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
python得到单词模式的示例
2018/10/15 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
python买卖股票的最佳时机(基于贪心/蛮力算法)
2019/07/05 Python
python模块常用用法实例详解
2019/10/17 Python
以实惠的价格提供高品质的时尚:Newchic
2018/01/18 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
介绍一下OSI七层模型
2012/07/03 面试题
abstract 可以和 virtual 一起使用吗?可以和 override 一起使用吗?
2012/10/15 面试题
电子信息科学专业自荐信
2014/01/30 职场文书
出纳员的岗位职责
2014/02/22 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
管理工程专业求职信
2014/08/10 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
2019年12月24日平安夜祝福语集锦
2019/12/24 职场文书