详解微信小程序缓存--缓存时效性


Posted in Javascript onMay 02, 2019

关于本地缓存

1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB

2.localStorage 是永久存储

相应的api----------

wx.setStorage(OBJECT)

wx.getStorage(OBJECT)

wx.getStorageInfo(OBJECT)

wx.removeStorage(OBJECT)

wx.setStorageSync(KEY,DATA)

wx.getStorageSync(KEY)

wx.getStorageInfoSync

wx.clearStorage()

wx.clearStorageSync() ...

Api的具体使用详见官方文档

注意:这里又一个问题就是这些缓存不清理会永久的缓存----------然而实际开发中,我们往往需要设置一些缓存的时效性

所以就需要对这些api进行封装(二次开发)直接上代码

设置缓存-----------put(key, val, time)        time为可选参数表示有效时间(单位:秒)

function put(key, val, time) {

wx.setStorageSync(key, val)

var seconds = parseInt(time);

if (seconds > 0) {

var timestamp = Date.parse(new Date());

timestamp = timestamp / 1000 + seconds;

wx.setStorageSync(k + 'dtime', timestamp + "")

} else {

wx.removeStorageSync(k + 'dtime')

}

}

读取缓存-----get(key, def)-------def为可选参数,表示无缓存数据时返回值(支持字符串、json、数组、boolean等等)

function get(key, def) {

var deadtime = parseInt(wx.getStorageSync(key+ 'dtime'))

if (deadtime) {

if (parseInt(deadtime) < Date.parse(new Date()) /1000) {

if (def) { return def; }else { return; }

}

}

var res = wx.getStorageSync(key);

if (res) {

return res;

} else {

return def;

}

}

以上所述是小编给大家介绍的微信小程序缓存时效性详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript Date对象 日期获取函数
Dec 19 Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 Javascript
jquery.form.js用法之清空form的方法
Mar 07 Javascript
一个简单的jquery的多选下拉框(自写)
May 05 Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
Sep 16 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
Jan 18 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
Jun 25 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
创建nuxt.js项目流程图解
Mar 13 Javascript
JavaScript 定时器详情
Nov 11 Javascript
详解如何使用router-link对象方式传递参数?
May 02 #Javascript
详解Vue底部导航栏组件
May 02 #Javascript
微信小程序搭建自己的Https服务器
May 02 #Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 #Javascript
详解微信小程序网络请求接口封装实例
May 02 #Javascript
vue 搭建后台系统模块化开发详解
May 01 #Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 #Javascript
You might like
第七节 类的静态成员 [7]
2006/10/09 PHP
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
php过滤html标记属性类用法实例
2014/09/23 PHP
php使用数组填充下拉列表框的方法
2015/03/31 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
Ubuntu上安装yaf扩展的方法
2018/01/29 PHP
jQuery 自定义函数写法分享
2012/03/30 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
JS打字效果的动态菜单代码分享
2015/08/21 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
Web打印解决方案之证件套打的实现思路
2016/08/29 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
浅谈JavaScript闭包
2019/04/09 Javascript
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
python利用装饰器进行运算的实例分析
2015/08/04 Python
python2.7到3.x迁移指南
2018/02/01 Python
Python输出\u编码将其转换成中文的实例
2018/12/15 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
Python原始套接字编程实例解析
2020/01/29 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
大学生求职信范文应怎么写
2014/01/01 职场文书
绿色环保标语
2014/06/12 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
营销与策划实训报告
2014/11/05 职场文书
小学元宵节活动总结
2015/02/06 职场文书
特种设备安全管理制度
2015/08/06 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
十大最强飞行系宝可梦,BUG燕上榜,第二是飞行系王者
2022/03/18 日漫
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android