微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)

这篇具有很好参考价值的文章主要介绍了微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 在微信小程序中,可以使用本地存储来保存一些数据比如用户状态,姓名,性别等;

本地存储主要包括两种方式:缓存和本地数据存储。

  1. 缓存

缓存是一种快速访问内存的临时存储机制,可以有效地提高应用程序的响应速度。在微信小程序中,可以使用wx.setStorage方法和wx.getStorage方法实现数据的缓存。例如:

  // 设置缓存数据
  wx.setStorage({
    key: 'userInfo',
    data: { name: 'Tom', age: 20 },
    success: function () {
      console.log('设置缓存数据成功');
    }
  });

  // 获取缓存数据
  wx.getStorage({
    key: 'userInfo',
    success: function (res) {
      console.log(res.data);
    }
  });

上面的例子中,通过wx.setStorage方法设置了一个名为userInfo的缓存数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorage方法获取缓存数据,获取成功后在控制台中输出了缓存数据。

缓存数据的大小一般受到设备内存的限制,一些低端设备可能会出现缓存数据不稳定,甚至会造成应用程序崩溃等问题。

     2.本地数据存储

本地数据存储是指将数据存储在设备本地的文件系统中,能够保持数据的持久性。在微信小程序中,可以使用wx.setStorageSync方法和wx.getStorageSync方法实现数据的本地存储。例如:

  // 设置本地存储数据
  wx.setStorageSync('userInfo', { name: 'Tom', age: 20 });

  // 获取本地存储数据
  var userInfo = wx.getStorageSync('userInfo');
  console.log(userInfo);

上面的例子中,通过wx.setStorageSync方法设置了一个名为userInfo的本地存储数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorageSync方法获取本地存储数据,获取成功后在控制台中输出了缓存数据。

需要注意的是,本地数据存储的大小受到设备存储容量的限制,存储数据过多可能会占用大量的设备存储空间,导致设备运行缓慢甚至奔溃。

需要根据实际情况选择缓存和本地数据存储方式,可以考虑数据的大小和需求等因素。以及及时清理不必要的缓存和存储数据,以避免占用过多设备内存和存储容量。

清除本地存储:

(1)wx.setStorageSync(); //存储值

(2)wx.removeStorageSync(); // 移除指定的值

(3)wx.getStorageSync(); // 获取值

(4)wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key

(5)wx.clearStorageSync(); // 清除所有的key

清除缓存:文章来源地址https://www.toymoban.com/news/detail-417275.html

(2)wx.removeStorage(); // 移除指定的值

(3)wx.getStorage(); // 获取值

(4)wx.getStorageInfo(); // 获取当前 storage 中所有的 key

(5)wx.clearStorage(); // 清除所有的key

到了这里,关于微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序如何读取本地云存储txt数据,避免乱码

    找到你的txt文件,重命名为json文件 上传到云存储中,获取File ID 编写js代码 相关技术文档: https://developers.weixin.qq.com/miniprogram/dev/api/file/FileSystemManager.readFile.html

    2024年02月12日
    浏览(38)
  • 微信小程序 wx.showModal

    微信小程序--wx.showModal_海轰Pro的博客-CSDN博客

    2024年02月15日
    浏览(39)
  • 微信小程序-登录(wx.login)

    用户微信登录小程序有两种情况,分别为弹出登录提示和不弹出登录提示两种。弹出登录提示的情况下,用户确定后会向后台传入更多参数,例如用户昵称等。不弹出登录提示只能获取到用户的临时登录凭证code。主要根据第二种情况进行描述。 这个code具有时效性,能用于区

    2024年02月15日
    浏览(43)
  • 微信小程序-支付(wx.requestPayment)

    (学习中,持续更新) 直接调用的接口为wx.requestPayment(小程序前端调用)。 官方文档的请求例子为: 其中paySign官方文档给出了一个例子: MD5(appId=wxd678efh567hg6787nonceStr=5K8264ILTKCH16CQ2502SI8ZNMTM67VSpackage=prepay_id=wx2017033010242291fcfe0db70013231072signType=MD5timeStamp=1490840662key=qazwsxedcrfvtg

    2024年02月12日
    浏览(30)
  • 微信小程序 wx:if使用

    在微信小程序中,可以使用 wx:if 指令来控制某个元素是否需要被渲染到页面上。根据条件表达式的结果, wx:if 指令决定元素是否显示。 下面是使用 wx:if 的基本示例: 在上述代码中, wx:if 指令的值为一个条件表达式 {{condition}} ,根据该条件表达式的结果决定是否渲染 view 元

    2024年02月09日
    浏览(40)
  • 微信小程序如何实现兼容----wx.getSystemInfoSync、 wx.getSystemInfo、wx.canIUse

    小程序的宿主环境一直在迭代更新,提供更多的能力给开发者去完成更多的事情,所以你的小程序会运行在不同版本的宿主环境下。为了让你的小程序在不同环境下都能提供相应的服务,我们需要来了解一下在小程序中如何实现兼容办法。 1.针对不同手机进行程序上的兼容

    2024年02月09日
    浏览(39)
  • 微信小程序wx:for 的使用以及wx:key绑定

    wx:for基本使用 wx:for-item和wx:for-index重新命名item和index wx:key两种绑定方式以及注意事项 wx:for基本使用 业务层数据 视图层 wx:for遍历时候每一项名称为 item 每一项索引名称为 index wx:for-item和wx:for-index实现item和index重命名 wx:for-item=\\\"str\\\" 将原来名称 item 修改成 str wx:for-index=\\\"i 将原来

    2024年02月11日
    浏览(65)
  • 微信小程序wx.getUserProfile的用法

    接触了以前开发的一个微信小程序,发现wx.getUserInfo这个官方接口不能获取用户的信息,我重新创建了一个新的项目,发现可以用wx.getUserProfile这个官方接口来获取用户信息,具体操作如下:1.首先在xxxx.jslim里面定义初始值,isAuthorization是为了解决每次登陆都需要获取用户信息

    2024年02月14日
    浏览(30)
  • 微信小程序封装wx.request请求

    对微信小程序的印象我还停留在2年前刚入行的时候,那是还不懂什么是Promise,只知道小程序发请求有时候要在success回调中嵌套好多层(后来我才知道这叫 回调地狱 )。最近刚好有个小程序的项目交给我发开发,加上如今的我自认为对Promise掌握的还可以,所以这次也尝试着封

    2024年02月16日
    浏览(35)
  • 微信小程序 wx.request 请求封装

    1、添加一些统一的参数或者配置 2、加上默认的请求头和cookie(有就加,没有就为空) 3、将参数,即传入的url地址、请求头传入请求中 4、封装 post 和 get 请求,使代码使用更加方便,以维护

    2024年02月16日
    浏览(29)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包