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


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 相关文章推荐
csdn 论坛技术区平均给分功能
Nov 07 Javascript
JavaScript表达式:URL 协议介绍
Mar 10 Javascript
javascript生成大小写字母
Jul 03 Javascript
js+css实现select的美化效果
Mar 24 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 Javascript
easyui combogrid实现本地模糊搜索过滤多列
May 13 Javascript
Vue父组件调用子组件事件方法
Feb 23 Javascript
搭建基于express框架运行环境的方法步骤
Nov 15 Javascript
使用FormData实现上传多个文件
Dec 04 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
如何实现echarts markline标签名显示自己想要的
Jul 20 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
Yii框架分页实现方法详解
2017/05/20 PHP
javascript RadioButtonList获取选中值
2009/04/09 Javascript
JavaScript 学习笔记(十一)
2010/01/19 Javascript
JS中for循序中延迟加载动态效果的具体实现
2013/08/18 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
JQuery勾选指定name的复选框集合并显示的方法
2015/05/18 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
echarts学习笔记之图表自适应问题详解
2017/11/22 Javascript
JS实现将链接生成二维码并转为图片的方法
2018/03/17 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python脚本实现代码行数统计代码分享
2015/03/10 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
Linux下python制作名片示例
2018/07/20 Python
python 剪切移动文件的实现代码
2018/08/02 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
python机器学习实现决策树
2019/11/11 Python
Python进程池Pool应用实例分析
2019/11/27 Python
如何用python批量调整视频声音
2020/12/22 Python
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
移动通信专业自荐信范文
2013/11/12 职场文书
公务员考察材料
2014/12/23 职场文书
小学生差生评语
2014/12/29 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python
linux下安装redis图文详细步骤
2021/12/04 Redis