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

最新推荐文章于 2024-08-15 21:34:32 发布
最新推荐文章于 2024-08-15 21:34:32 发布
阅读量3.9w 收藏 14
点赞数 3
分类专栏： 微信小程序 js 文章标签： 微信 存储 缓存 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chjj0904/article/details/78665380
版权
本文介绍了微信小程序中本地缓存的使用，包括wx.setStorage、wx.getStorage等API，并指出这些缓存在不清理的情况下会永久保存。为了实现缓存的时效性，文章提供了自定义的put和get函数，用于设置和读取带有过期时间的缓存。通过这些函数，可以在实际开发中更好地控制缓存的有效期限。
摘要由CSDN通过智能技术生成

关于本地缓存

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的具体使用详见官方文档

最低0.47元/天 解锁文章
江木
关注
专栏目录
【微信小程序系列：四】前端利用wx.setStorageSync缓存设置有效时间
你好呀，很高兴你在看这里~
11-11 5580
简单来说，就是利用缓存，进行有效期的保存，以此前端加以判断，在如登录状态过期，操作过期等场景使用，扩展性还蛮多的。
详解微信小程序缓存–缓存时效性
11-28
关于本地缓存 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.g
小程序的缓存
最新发布
2401_84875850的博客
08-15 463
点我异步存储</button><button type="primary" bindtap="updateData">点我修改</button><button type="primary" bindtap="setData">点我存储
微信小程序设置wx.getStorage的有效时间，设置缓存过期时间
热门推荐
仙_
01-08 1万+
后台用redis缓存一些数据，有些数据需要给它一个时效性，比如token，用着挺方便的，写小程序的时候也想有个这种能设置过期时间的东西，可是官方没有直接提供这方面的接口，于是就总（抄）结（袭）其他大牛的一些技巧，简单的封装了一个工具类 好了，废话不多说了，先普及一下小程序的缓存基础知识吧 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身...
微信小程序缓存
qq_42896461的博客
06-09 255
微信小程序和web缓存的区别 ** web 的本地存储和小程序的本地存储的区别 * web： localStorage,setItem("key","value")localStorage.getItem("key") * 小程序中 wx.setStorageSync('key', value); * 2. 存的时候 有没有做类型转换 * web 不管存入的是什么类型的数据 最终都会先调用一下tostring(),把数据标称的自负床 再存进去 *
微信小程序封装缓存过期时间
weixin_44694538的博客
12-26 1077
utils新建storage.js文件 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())...
小程序（十）小程序缓存
camellia的博客
09-29 4209
文章列表页跳文章详情页的时候，我发现了一个问题，bindtap绑定的事件不能直接写： `bindtap=jumpToArticle(item.id);` 这样写不行，会报错： VM2760:1 Component "pages/index/index" does not have a method "jumpToArticle(item.id)" to handle event "tap". 那么我需要传参怎么办呢，官方是这样定义的。 bindtap只是写明函数名，例如，bindtap=‘setNumb
详解微信小程序缓存--缓存时效性
10-17
主要介绍了微信小程序缓存时效性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序--缓存的二次开发封装
03-29
微信小程序缓存是永久性，实际开发中需要定制时效性缓存；因此做了二次开发 设置缓存-----------put(k, v, t) k为key，v为具体内容（支持字符串、json、数组、boolean等等），t为可选参数表示有效时间（单位：秒）如...
微信小程序设计-粤语小词典.zip
12-19
微信小程序是一种轻量级的应用开发平台，主要针对移动端，尤其是智能手机用户。它的设计目标是提供一种无需下载安装即可使用的应用体验，用户通过扫描二维码或在微信内置搜索中找到小程序，即可快速开启服务。"粤语...
微信小程序-微信小程序缓存框架
08-06
wCache 微信小程序缓存框架，支持数组、json、字符串……支持设置缓存时间、支持缓存读取失败默认值。 一、公共方法 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等同理。 get(k, def) k为key，def为可选参数，表示无缓存数据时返回值（支持字符串、json、数组、boolean等等） 如读取k缓存，则调用get('k')；若想要无缓存时，返回默认值则get('k','默认值')，支持各个数据类型。 remove(k) 移除某个key clear() 清空所有key other 使用wx原生的即可。 如何使用 二、如何使用 下载src文件夹内wCache.js文件 需要使用的js文件头加入var wc = require('../../src/wcache.js')。 var
微信小程序的数据缓存
weixin_73569104的博客
04-04 1894
当我们做 微信小程序开发的时候，我们经常要与后台打交道，做一些数据缓存的工作用到的方法为 wx.setStorage wx.getStorage wx.clearStorage第一步:存储数据首先我们要定义初始化的值 默认为空 js中然后利用input标签为其绑定一个bindinput属性 方法就是key值和data值改变的方法在js中会定义的。
微信小程序数据缓存
优秀的老黄的博客
04-18 5815
微信小程序数据缓存
小程序应用场景
wz990223的博客
07-26 1020
1. 常见的交互反馈设计 触摸反馈 操作反馈 Toast和模态对话框 2. 本地存储 小程序提供了读写本地数据缓存的接口，通过wx.setStorage写数据到缓存，在小程序中几乎所有接口都是异步的，这里存储数据也是一个异步操作，如果希望进行同步存储需要调用wx.setStorageSync。 异步存储 wx.setStorage({ data: {name:"天亮教育",age:4},//需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对
微信小程序 - 纯前端 wx.setStorage 设置缓存过期时间自动清除（时效缓存）
王佳斌
06-14 5037
本文在不借助后端接口的情况下，利用前端逻辑实现一个 可指定过期时间 的时效缓存，如下图所示，设置一个 5 秒过期的缓存，过期后读取时自动清除。您可以随便找个页面，复制以下代码运行起来。 写在后面 可将 / 两个核心函数进行抽离，植入到您项目中。...
微信小程序 缓存操作
SunNang的博客
11-04 750
设置缓存 wx.setStorageSync('key',data) 设置缓存 wx.setStorage() 异步设置缓存 获取缓存 wx.getAccountInfoSync() 获取缓存 wx.getStorage() 异步获取缓存 wx.getStorageInfo() 异步获取当前缓存的数据 清除缓存 wx.clearStorageSync() 同步本地清除缓存 wx.clearStorage() 异步清除本地缓存 wx.removeStora...
微信小程序缓存，根据不同的id来进行设置和读取缓存
wy_Blog的博客
06-10 4047
本文是根据不同的id来进行设置和读取缓存，才去的是同步缓存的方式： jonNums.count 是接口返回的数据  是报名总人数 newNumber  新的报名总人数 - 缓存上次的报名总人数 = 新增报名人数 wx.request({ url: domain + '/activityjoin/selectJoinCount', data:
微信小程序开发中的数据缓存和离线存储
m0_72166538的博客
04-20 1115
本文详细介绍了微信小程序开发中的数据缓存和离线存储的实现方法，并给出了相应的代码案例。微信小程序开发中的数据缓存和离线存储是非常重要的功能，它可以提高小程序的用户体验，并且减少对网络的依赖。在本文中，我们将详细介绍数据缓存和离线存储的实现方法，并给出相应的代码案例。除了同步的数据缓存方式，微信小程序还提供了一套异步的数据缓存方式，可以在不阻塞后续代码执行的情况下进行数据的缓存操作。其中，'key'表示数据的键名，'value'表示数据的值。其中，key表示数据的键名，data表示数据的值。
微信小程序wx-charts图表插件详测：功能与实战应用
微信小程序图表插件wx-charts是一个强大的轻量级工具，用于在微信小程序环境中绘制各种类型的图表，如饼图、线图、柱状图、区域图、雷达图等。它基于HTML5的canvas技术实现，适用于提升小程序的数据可视化体验。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值