脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信小程序缓存

微信小程序缓存支持二次开发封装实现解析

 更新时间：2019年12月16日 14:39:21   作者：竹林中  
这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

简介

微信小程序提供了缓存的api，包括同步和异步两种，具体api不多说明，可自行查看官方文档

现在微信小程序缓存api存在一个问题就是没有设定过期时间，下面给大家介绍一下对小程序缓存的二次封装，使其支持设定过期时间

实现方法

先声明，这个并非原创方法，只是查找资料的时候看到的，觉得挺有用，就记录下来，也算转播给大家

原作链接：https://gitee.com/JiangMu/wcache，侵删

微信小程序缓存是永久性，实际开发中需要定制时效性缓存；因此做了二次开发

设置缓存-----------put(k, v, t) k为key，v为具体内容（支持字符串、json、数组、boolean等等），t为可选参数表示有效时间（单位：秒）如存储k为123过期时间1秒，

则调用put('k', '123', 1)方法；若永久存储调用put('k', '123') 永久保存json：put('k', {"a":"1"})，数组、boolean等同理。

function put(k, v, t) {
 wx.setStorageSync(k, v)
 var seconds = parseInt(t);
 if (seconds > 0) {
  var timestamp = Date.parse(new Date());
  timestamp = timestamp / 1000 + seconds;
  wx.setStorageSync(k + dtime, timestamp + "")
 } else {
  wx.removeStorageSync(k + dtime)
 }
}

读取缓存-----get(k, def)-------def(自定义读取失败的默认值) k为key，def为可选参数，表示无缓存数据时返回值（支持字符串、json、数组、boolean等等）

如读取k缓存，则调用get('k')；若想要无缓存时，返回默认值则get('k','默认值')，支持各个数据类型。

function get(k, def) {
 var deadtime = parseInt(wx.getStorageSync(k + dtime))
 if (deadtime) {
  if (parseInt(deadtime) < Date.parse(new Date()) / 1000) {
   if (def) { return def; } else { return; }
  }
 }
 var res = wx.getStorageSync(k);
 if (res) {
  return res;
 } else {
  return def;
 }
}

remove(k)移除某个key

clear()清空所有key

完整代码：

var dtime = '_deadtime';
function put(k, v, t) {
 wx.setStorageSync(k, v)
 var seconds = parseInt(t);
 if (seconds > 0) {
  var timestamp = Date.parse(new Date());
  timestamp = timestamp / 1000 + seconds;
  wx.setStorageSync(k + dtime, timestamp + "")
 } else {
  wx.removeStorageSync(k + dtime)
 }
}

function get(k, def) {
 var deadtime = parseInt(wx.getStorageSync(k + dtime))
 if (deadtime) {
  if (parseInt(deadtime) < Date.parse(new Date()) / 1000) {
   if (def) { return def; } else { return; }
  }
 }
 var res = wx.getStorageSync(k);
 if (res) {
  return res;
 } else {
  return def;
 }
}

function remove(k) {
 wx.removeStorageSync(k);
 wx.removeStorageSync(k + dtime);
}

function clear() {
 wx.clearStorageSync();
}

module.exports = {
 put: put,
 get: get,
 remove: remove,
 clear: clear,
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 基于原生CSS+JS实现一个标签输入框

    基于原生CSS+JS实现一个标签输入框

    在各种框架大行其道的氛围下，有些原生的属性和方法可能都不太关注了，这也不失为是一种损失。本文就将利用原生CSS+JS实现一个简单的标签输入框，感兴趣的可以了解一下
    2022-04-04
  • 详解Javascript中document.execCommand()的用法以及指令参数列表

    详解Javascript中document.execCommand()的用法以及指令参数列表

    execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。在HTML5中，execCommand可以通过JavaScript代码来调用，使得开发者可以在网页中实现一些复杂的文本操作。在HTML编辑器中这个命令用得很多，酷炫的强大功能。
    2023-07-07
  • JavaScript 数组运用实现代码

    JavaScript 数组运用实现代码

    复习一下JS中数组的运用。学习js数组的朋友可以参考下。
    2010-04-04
  • 分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

    分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

    在写JS的过程中，为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况，但发布时又因为IE不支持console，又要去掉这些代码，一不小心就会出错
    2012-04-04
  • contenteditable可编辑区域设置换行实现技巧实例

    contenteditable可编辑区域设置换行实现技巧实例

    这篇文章主要为大家介绍了contenteditable可编辑区域设置换行实现技巧实例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2024-01-01
  • Laravel中常见的错误与解决方法小结

    Laravel中常见的错误与解决方法小结

    大家在用Laravel框架期间可能会遇到了不少问题，现在我将自己遇到的一些问题总结出来，有一些调试起来着实不太容易，本文筛选出几个，希望这篇文章能让大家在PHP开发中少走一些弯路。
    2016-08-08
  • JavaScript中return返回多个值的三个方法实现

    JavaScript中return返回多个值的三个方法实现

    本文主要介绍了JavaScript中return返回多个值的三个方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • 详解JavaScript逻辑And运算符

    详解JavaScript逻辑And运算符

    这篇文章主要介绍了JavaScript逻辑And运算符，在JavaScript中，逻辑 AND 运算符用双和号（&&）表示
    2015-12-12
  • JS实现的数字格式化功能示例

    JS实现的数字格式化功能示例

    这篇文章主要介绍了JS实现的数字格式化功能,结合实例形式分析了javascript针对数字与字符的相关运算处理技巧,需要的朋友可以参考下
    2017-02-02
  • 原生js实现淘宝购物车功能

    原生js实现淘宝购物车功能

    这篇文章主要向大家推荐一个原生js实现淘宝购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论