微信小程序入门到实战(五)

本文介绍了微信小程序中缓存的使用,包括同步和异步设置、获取及清除缓存的方法,并通过实例讲解如何利用缓存实现文章收藏状态的保存与切换,以及文章阅读数的增加。缓存对于提升小程序数据访问速度至关重要。
摘要由CSDN通过智能技术生成

缓存

缓存的作用是为了加快数据的访问,小程序里面可以设置缓存(本地),设置缓存后,如果没有手动清除缓存的话,就会一直存在。大小不能超过10M。数据优先。

  • 设置缓存

wx.setStorageSync('key','value'):同步
wx.setStorage({key:'key',data:'value'}):异步

wx.setStorageSync('icessun','2018/2/14')   // 同步设置缓存

wx.setStorage({key:'跳一跳',data:'666'})   // 异步设置缓存

同步设置缓存

同步设置缓存,缓存值可以为一个字符串,也可以为一个对象,当第一个参数值相同的时候,后面的会覆盖前面的。异步也一样。

  wx.setStorageSync('key',{
      game: "跳一跳",
      gold: "666"
    })

同步设置缓存

异步设置缓存,里面的属性是固定的,接收一个对象为参数,也就是说,当你不使用key/data作为参数名字时,就会报错:

setStorage:fail parameter error: parameter.key should be String instead of Undefined;

异步设置缓存

  • 获取缓存
    获取缓存的方法很简单,把对应设置缓存的set变为get就行。
    wx.getStorageSync('key'):同步 直接返回获取到的值
    wx.getStorage({key:'key',callback}):异步 通过回调函数返回获取的值
wx.setStorageSync('key', {
      game: "跳一跳",
      gold: "666"
    })

    var a=wx.getStorageSync('key');
    console.log(a);   //     {
  game: "跳一跳", gold: "666" }
上面是同步获取缓存值的方法,直接通过变量去接收获取到的缓存值,如果是异步的方法获取缓存值,那么需要在回调函数里面取得缓存值;同步和异步两种方法中的`key`是必须要传入的,否者不知道获取的具体缓存值。
    wx.setStorage({
      key: "跳一跳",
      data: "666"
    })

    var a = wx.getStorage({
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值