小程序数据缓存机制应用

文章目录

小程序数据缓存相关知识
- 参数
- 保存数据缓存
- 获取数据缓存
示例：在onLoad中存入并获取

小程序数据缓存相关知识

数据缓存：缓存数据，从而在小程序退出后再次打开时，可以从缓存中读取上次保存的数据，常用的数据缓存API如下表所示：

注意：将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。

参数

详细参数请见
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

保存数据缓存

// 保存数据缓存
wx.setStorage({key: 'key',            // 本地缓存中指定的keydata: 'value',      // 需要存储的内容（支持对象或字符串）success: res => {},   // 接口调用成功的回调函数  fail: res => {}     // 接口调用失败的回调函数
})

获取数据缓存

// 获取数据缓存
wx.getStorage({key: 'key',            // 本地缓存中指定的 keysuccess: res => {        // 接口调用成功的回调函数console.log(res.data)}, fail: res => {}       // 接口调用失败的回调函数
})

示例：在onLoad中存入并获取

// pages/test/test.js
Page({onLoad: function(options) {// 保存数据缓存wx.setStorage({key: 'key', // 本地缓存中指定的keydata: 'value', // 需要存储的内容（支持对象或字符串）success: res => {// 获取数据缓存wx.getStorage({key: 'key', // 本地缓存中指定的 keysuccess: res => { // 接口调用成功的回调函数console.log(res.data)},fail: res => { } // 接口调用失败的回调函数})}, // 接口调用成功的回调函数fail: res => {} // 接口调用失败的回调函数})}
})

小程序数据缓存机制应用相关推荐

微信小程序数据缓存Storage
1.存放数据 wx.setStorage(Object object) 将数据存储在本地缓存中指定的 key 中.会覆盖掉原来该 key 对应的内容.数据存储生命周期跟小程序本身一致,即除用户主动删除 ...
微信小程序—数据缓存
每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorag(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearSto ...
微信小程序数据缓存API整理
1.wx.getStorage(OBJECT) 从本地缓存中异步获取指定 key 对应的内容 wx.getStorage({key: 'key',success: function(res) {con ...
小程序数据缓存
Page( { data: { // text:"这是一个页面" storageContent: '', storageSyncContent: '' }, onLoad: fun ...
小程序的缓存数据什么情况会被清除
虽然官方说是缓存数据永久的,但有几种情况缓存数据会被清除同一个微信用户,同一个小程序 storage 上限为 10MB 如果用户储存空间不足,我们会清空最近最久未使用的小程序的本地缓存. 直接删除小 ...
微信小程序实现缓存过期时间
微信小程序实现缓存过期时间前言一.设置缓存二.得到缓存总结前言先来看看官方文档 wx.setStorageSync(string key, any data) 将数据存储在本地缓存中指定的 ...
微信小程序数据统计和错误统计的实现
某些情况下我们需要对小程序某些用户的行为进行数据进行统计,比如统计某个页面的UV, PV等,统计某个功能的使用情况等.好让产品对于产品的整个功能有所了解. 在网页里,我们很多人都用过谷歌统计,小程序里 ...
怎样清除手机上的微信小程序的缓存？
最佳方法:打开微信 "我"-"通用"-"存储空间"-"清除"缓存!!! 方法一:在开发版或体验版中清缓存打开开发版或体 ...
微信小程序数据渲染和数据请求
微信开放文档数据渲染概念:微信小程序和Vue实现理念是一致的,是基于数据驱动完成页面数据的自动化渲染.微信小程序中数据和Vue一样是响应式,即数据的更改会驱动页面进行数据的刷新. 具体操作首先找 ...
微信小程序 api 缓存方案
微信小程序 api 缓存方案背景前言缓存方案(更新策略) 缓存那些接口 Storage 缓存工具类 ApiCache 类实现配置封装 request 请求总结背景为了应对用户流量大,减 ...