小程序数据缓存

【小程序】退出微信后仍可保留状态setStorageSync 本文目的 一、讲解setStorageSync&getStorageSync 接口的使用 二、setStorageSync和setStorage的区别 三、????实现数据的本地存储,退出微信再次登陆时,保留数据。 一、讲解setStorageSync&getStorageSync 接口的使用 在做小程序时遇到了这个需求,要求在微信退出,再次进入的时候,仍然记得扫过码的状态。那么这个需求微信小程序开发是提供了实现办法的…… 官方文档链接????微信小程序官方文档 这种需求我 阅读详情

目录

1 wx.setStorage(Object object)

2 wx.setStorageSync(string key, any data)

3 wx.getStorage(Object object)

4 wx.getStorageSync(string key)

5 wx.getStorageInfo(Object object)

6 wx.getStorageInfoSync()

7 wx.removeStorage(Object object)

8 wx.removeStorageSync(string key)

9 wx.clearStorage(Object object)

10 wx.clearStorageSync()


1 wx.setStorage(Object object)

异步将数据存储在本地缓存中指定的 key 中,如果key相同则会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理。

注:单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

Object object

属性类型默认值必填说明
keystring 是本地缓存中指定的 key
dataany 是需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
successfunction 否接口调用成功的回调函数
failfunction 否接口调用失败的回调函数
completefunction 否接口调用结束的回调函数(调用成功、失败都会执行)

使用案例

  wx.setStorage({
      key: 'name',
      data: 'Trevor'
    })

 

2 wx.setStorageSync(string key, any data)

与wx.setStorage作用相同,只不过wx.setStorageSync是同步的

string key

本地缓存中指定的 key

any data

需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

使用案例

wx.setStorageSync('name', 'Smith')

 

3 wx.getStorage(Object object)

从本地缓存中异步获取指定 key 的内容

Object object

属性类型默认值必填说明
keystring 是本地缓存中指定的 key
successfunction 否接口调用成功的回调函数
failfunction 否接口调用失败的回调函数
completefunction 否接口调用结束的回调函数(调用成功、失败都会执行)

object.success 回调函数

Object res

属性类型说明
dataanykey对应的内容

使用案例

 wx.getStorage({
      key: 'name',
      success(res) {
        console.log(res.data)
      }
    })

 

4 wx.getStorageSync(string key)

与wx.getStorage作用相同,不过此函数为同步获取

string key

本地缓存中指定的 key

返回值

any data

key对应的内容

使用案例

 try {
      const value = wx.getStorageSync('name2')
      if (value) {
        console.log(value)
      }
    } catch (e) {
      // 不能正常获取时的逻辑
    }

 

5 wx.getStorageInfo(Object object)

异步获取当前storage的相关信息

Object object

属性类型默认值必填说明
successfunction 否接口调用成功的回调函数
failfunction 否接口调用失败的回调函数
completefunction 否接口调用结束的回调函数(调用成功、失败都会执行)

object.success 回调函数

Object object

属性类型说明
keysArray.<string>当前 storage 中所有的 key
currentSizenumber当前占用的空间大小, 单位 KB
limitSizenumber限制的空间大小,单位 KB

使用案例

wx.getStorageInfo({
  success(res) {
    console.log(res.keys)
    console.log(res.currentSize)
    console.log(res.limitSize)
  }
})

 

6 Object wx.getStorageInfoSync()

与wx.getStorageInfo作用相同,此为同步版本

Object object

属性类型说明
keysArray.<string>当前 storage 中所有的 key
currentSizenumber当前占用的空间大小, 单位 KB
limitSizenumber限制的空间大小,单位 KB

使用案例

try {
  const res = wx.getStorageInfoSync()
  console.log(res.keys)
  console.log(res.currentSize)
  console.log(res.limitSize)
} catch (e) {
  // 不能正常获取时的逻辑
}

 

7 wx.removeStorage(Object object)

异步从本地缓存中移除指定 key

Object object

属性类型默认值必填说明
keystring 是本地缓存中指定的 key
successfunction 否接口调用成功的回调函数
failfunction 否接口调用失败的回调函数
completefunction 否接口调用结束的回调函数(调用成功、失败都会执行)

使用案例

wx.removeStorage({
  key: 'name',
  success(res) {
    console.log(res.data)
  }
})

 

8 wx.removeStorageSync(string key)

wx.removeStorage的同步版本

string key

本地缓存中指定的 key

使用案例

try {
  wx.removeStorageSync('name')
} catch (e) {
  // 不能正常删除时的业务逻辑
}

 

9 wx.clearStorage(Object object)

异步清理本地数据缓存

Object object

属性类型默认值必填说明
successfunction 否接口调用成功的回调函数
failfunction 否接口调用失败的回调函数
completefunction 否接口调用结束的回调函数(调用成功、失败都会执行)

使用案例

wx.clearStorage()

 

10 wx.clearStorageSync()

wx.clearStorage的同步版本

使用案例

try {
  wx.clearStorageSync()
} catch (e) {
  // 不能正常删除时的业务逻辑
}

 

【微信小程序】本地缓存保持登录状态之 wx.setStorageSync() 使用技巧 简介 微信小程序提供了一个如同浏览器 cookie 本地缓存方法,就是 wx.setStorageSync() 。 注意,该方法是同步请求,还有个异步请求的方法是 wx.setStorage(),参考官方文档。 取出本地缓存方法 wx.getStorageSync,同样的,它也是同步请求,它也有一个异步请求方法 wx.getStorage()。 使用方法 登录时候,将所需要存的字段存入本地缓存中: // pages/daily/daily.js // 获取本地缓存中的TOKEN const TOKEN = 阅读详情

相关推荐

微信小程序——用户登录,退出,缓存(基于官方文档最新版)

微信小程序——用户登录,退出,缓存官方API说明文档地址授权登录设置缓存wx.setStorageSync(string key, any data)查看获取缓存any wx.getStorageSync(string key)移除缓存 wx.removeStorageSync(string key)1.最简单(不使用es6语法)2.使用es6语法3.简化es6和逻辑的登录4.退出登录(使用es6+弹窗判断)5.使用缓存技术实现保持登录状态以及登出清空缓存清空缓存注意对应你设置的缓存名 官方API说明 文档

qq_51553982的博客 5544

uniapp数据缓存同步(setStorageSync)跟异步(setStorage)的区别

uniapp本地存储片面理解

七十多岁的人了、 2万+

小程序的本地缓存数据

小程序的本地缓存数据

kerryqpw的博客 2663

uniapp日常总结--setStorageSync和setStorage区别

uni.setStorageSync 和 uni.getStorageSync 是同步方法,它们会立即执行并阻塞线程,直到操作完成。这意味着它们可能会对性能产生一定的影响,尤其是在处理大量数据时 uni.setStorage 和 uni.getStorage 是异步方法,它们会在后台执行,不会阻塞主线程。这样可以避免阻塞,但需要通过回调函数处理结果。

前端工作学习中 4820

Proteus一体化安装STC15库添加

Proteus一体化安装与STC15库添加指南 本文详细介绍了Proteus 8.9 SP2专业版的一体化安装流程和STC15系列单片机库文件的添加方法。安装过程简单快捷,无需破解,稳定性好。通过将两个库文件(Lib和LIB)复制到Proteus安装目录的DATA/LIBRARY文件夹中,即可实现STC15W4K32S4芯片的仿真功能。文中还提供了新建工程和器件放置的步骤说明,特别指出STC15W4K32S4芯片可兼容仿真其他STC15系列芯片,并附带下载链接获取资源。该教程适用于电子设计初学者和开发者。

#法外狂徒张三的博客 4万+

MATLAB实战:蓝牙GFSK调制解调全流程解析(附误码率优化技巧)

本文深入解析了蓝牙GFSK调制解调在MATLAB中的全流程实现,包括高斯滤波器设计、调制解调技术及误码率优化技巧。通过实战案例和代码示例,帮助工程师提升蓝牙通信系统的性能表现,特别是在降低误码率方面的有效方法。

weixin_29046035的博客 277

微信小程序中如何正确使用本地数据缓存

本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在用户关闭小程序重新打开时可以恢复之前的状态。我们还可以利用本地缓存一些服务端非实时的数据提高小程序获取数据的速度,在特定的场景下可以提高页面的渲染速度,减少用户的等待时间。...

m0_58859743的博客 6995

STM32F103C8T6+A4988驱动42步进电机全流程(附接线图+代码解析)

本文详细介绍了使用STM32F103C8T6单片机与A4988驱动模块控制42步进电机的完整流程。内容涵盖硬件接线图解析、电流设置、GPIO驱动代码编写以及细分控制等核心实践,旨在帮助嵌入式开发者和DIY爱好者快速实现精准运动控制,适用于3D打印机、CNC等需要精密定位的项目。

Python的专栏 793

微信小程序之数据缓存

在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstorage 和 sessionstorage,具体的介绍就不在多说。在微信小程序中,数据缓存其实就和localstorage 的原理差不多,所以理解起来并不难。下面我们来一起实现一下。效果图展示: 我们在index页面存入数字11,然后在跳转到新页面,在将缓存中的11取出渲染到

少吃点肉的博客 2万+

从镜头到像素:深入解析Camera、Sensor与V4L2的协同工作流

本文深入解析了摄像头从物理成像到软件控制的完整工作流。详细介绍了镜头、传感器(Sensor)与V4L2框架的协同机制,涵盖光电转换、同步信号、ISP图像处理等核心环节,并通过实战演示了如何使用v4l2-ctl工具进行调试,为嵌入式开发和驱动调试提供系统指南。

weixin_29230805的博客 389

用于可靠的钙钛矿薄膜瞬时光致发光模拟的拟合程序

简介 对光激发后的电荷载流子动态的研究对于确定太阳能电池的几个特性至关重要,例如,体和界面重组的数量以及向电荷传输层转移过程的速度。 瞬态光致发光(trPL)是用于研究这些特性的最流行的表征方法之一。 该实验是通过在样品上照射几纳秒的激光脉冲,并记录一段时间内的发光情况来进行的。辐射性重组的光生电荷载流子将引起太阳能电池的光子发射,而非辐射性重组的电荷载流子将不会对发光作出贡献。因此,可以测量到强度随时间递减的光致发光瞬态。(见图1表示trPL的测量和它的输出)。 图1. 一...

FluximAG的博客 2362

微信小程序开发——本地数据缓存

说明   本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在用户关闭小程序重新打开时可以恢复之前的状态。我们还可以利用本地缓存一些服务端非实时的数据提高小程序获取数据的速度,在特定的场景下可以提高页面的渲染速度,减少用户的等待时间。 读写本地数据缓存   小程序提供了读写本地数据缓存的接口,通过wx.get...

葉蕖的博客 2222

嘉立创EDA报错:元件引脚与焊盘未对应报错解决记录

原件引脚与焊盘未对应报错解决方法,一文总结!

2303_77013775的博客 1万+

微信小程序中缓存数据全方位解惑

本文章非常详细的讲解缓存数据中的各方面知识,用带有大量注释的实战示例更加有力的解释说明。文章详细全面程度令人瞠目结舌,建议收藏反复观看,方便后续复习缓存数据方面的知识点

x15514104477的博客 4648

半导体晶圆调平系统:基于最小二乘法的实现方案

基于最小二乘法的晶圆调平技术通过数学建模与工程实现的结合,解决了半导体量测中高精度平面对准的核心问题。实际应用中,需根据设备特性优化采样策略、校准传感器误差,并通过实时性优化满足高产能场景需求。该方案的模块化设计(如分离数据采集、拟合计算、补偿输出)也为后续功能扩展(如引入机器学习优化拟合模型)提供了灵活性。

品质生活,极致编程。 1181

YOLOv8性能突破:DySample超轻量动态上采样算子的创新应用与实现【附保姆级代码】

YOLOv8(You Only Look Once Version 8)作为YOLO系列模型的最新版本,延续了高效、准确的目标检测优势。其基础结构包含了骨干网络(Backbone)、检测头(Head)、以及特征融合层(Neck)。在特征融合阶段,YOLOv8需要对不同尺度的特征图进行上采样,以便将低分辨率的特征与高分辨率的特征进行融合。传统的上采样操作多使用插值(如双线性插值)或固定卷积,而这些方法可能无法很好地适应复杂的上下文信息。

一键难忘的博客 3120

小程序数据缓存机制应用

文章目录小程序数据缓存相关知识参数保存数据缓存获取数据缓存示例:在onLoad中存入并获取 小程序数据缓存相关知识 数据缓存:缓存数据,从而在小程序退出后再次打开时,可以从缓存中读取上次保存的数据,常用的数据缓存API如下表所示: 注意:将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。 参数 详细参数请见 https://develop

流楚丶格念的博客 5998

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

微信小程序开发中的数据缓存和离线存储

数据缓存可以将数据暂时存储在客户端的内存中,以减少网络请求的次数,提高数据的加载速度。通过合理地使用数据缓存和离线存储,可以提高小程序的性能和用户体验,让用户在无网络连接时仍然可以使用小程序的功能。微信小程序开发中的数据缓存和离线存储是非常重要的功能,可以提高小程序的性能和用户体验。页面缓存是指当用户离开一个页面后,再次返回该页面时,页面的状态和数据会被缓存起来,以提高页面的加载速度。除了数据缓存,微信小程序还支持离线存储功能,可以将数据存储在客户端的本地存储空间中,在无网络连接时仍然可以使用。

qq_67153941的博客 2183

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

微信小程序-数据缓存

微信小程序开发-开发笔记 数据缓存 开发到商品分类页面时,数据过大,每次刷新都需要重新请求的话比较浪费时间 所以使用数据缓存功能优化性能 原小程序的初始化生命周期时: page{ onLoad : function(options){ // 获取数据 getCategoryList(); } } 问题就出在这里不管是用back键还是弹回当前页面都会发送请求,这样做虽然可以获取到最新的数据,但是所消耗前后端性能都较大,并且此页面为电商项目的分类页面,从实际情况

ronin的博客 1388

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

微信小程序的数据缓存

当我们做 微信小程序开发的时候,我们经常要与后台打交道,做一些数据缓存的工作用到的方法为 wx.setStorage wx.getStorage wx.clearStorage第一步:存储数据首先我们要定义初始化的值 默认为空 js中然后利用input标签为其绑定一个bindinput属性 方法就是key值和data值改变的方法在js中会定义的。

weixin_73569104的博客 2638

微信小程序API 数据缓存

每个微信小程序都可以有自己的本地缓存,可以通过wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上限为 10MB。localStorage 以用户维度隔离,同一台设...

Blue的博客 3289

小程序本地缓存以及获取缓存的数据

最近在做一个搜索页面,想要利用小程序本地缓存减少数据库请求次数.当用户进入页面,页面会自动从数据库加载数据,并缓存到本地,页面提供了搜索功能,当用户取消搜索时,页面会调取本地缓存的数据,而不是再次从数据库获取数据,小程序采用的是云开发 ...

qq_45164496的博客 2491

小程序 - 数据缓存 storage

转载:微信小程序数据缓存Storage

A_bad_horse的专栏 131

微信小程序数据交互和缓存

通过合理的数据交互和缓存策略,我们可以有效地提高微信小程序的性能和用户体验。合理利用网络请求、WebSocket和微信支付等技术实现数据交互,同时使用页面级缓存和内存级缓存来减少网络请求次数,并提供临时存储和共享数据的功能。在实际开发中,根据具体的业务需求,可以根据以上介绍的方法选择适合的数据交互和缓存策略。通过优化数据交互和合理使用缓存,我们可以为用户提供更流畅、响应快速的小程序体验。希望本文对您有所帮助!

精通前端技术,了解后端接口 613

php 在 小程序中清除缓存,微信小程序中数据缓存的解析

这篇文章主要介绍了关于微信小程序中数据缓存的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下每个微信小程序都可以有自己的本地缓存,本篇文章主要介绍了微信小程序-详解数据缓存,可以通过函数可以对本地缓存进行设置、获取和清理,有兴趣的可以了解一下。每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorag...

weixin_36156325的博客 321
上一篇: 小程序之AccessToken
下一篇: 小程序获取手机系统基本信息
Trevor Lan
博客等级 码龄10年 176粉丝 243原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值