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


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 相关文章推荐
实现超用户体验 table排序javascript实现代码
Jun 22 Javascript
JS实现适合于后台使用的动画折叠菜单效果
Sep 21 Javascript
Bootstrap学习笔记之css组件(3)
Jun 07 Javascript
详解JavaScript调用栈、尾递归和手动优化
Jun 03 Javascript
Vue仿支付宝支付功能
May 25 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
bootstrap-table formatter 使用vue组件的方法
May 09 Javascript
JavaScript实现拖拽效果
Mar 16 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 Javascript
JavaScript中作用域链的概念及用途讲解
Aug 06 Javascript
Js跳出两级循环方法代码实例
Sep 22 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
用PHP产生动态的影像图
2006/10/09 PHP
一些常用的php函数
2006/12/06 PHP
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
JQuery动画与特效实例分析
2015/02/02 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
python实现类的静态变量用法实例
2015/05/08 Python
Python实现处理管道的方法
2015/06/04 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
俄罗斯运动鞋商店:Sneakerhead
2018/05/10 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
技校教师求职简历的自我评价
2013/10/20 职场文书
人力管理专业毕业生求职信
2014/02/27 职场文书
班主任个人工作反思
2014/04/28 职场文书
小学校长先进事迹材料
2014/05/13 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
2015年感恩母亲节活动方案
2015/05/04 职场文书
匿名信格式范文
2015/05/27 职场文书
Arthas排查Kubernetes中应用频繁挂掉重启异常
2022/02/28 MySQL
基于Python实现对比Exce的工具
2022/04/07 Python
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python