操作缓存的方法：

1、wx.setStorage/wx.setStorageSync：根据key设置缓存
2、wx.getStorage/wx.getStorageSync：根据key获取缓存，有一个success(res)回调函数，res就是数据
3、wx.clearStorage/wx.clearStorageSync：清除全部的缓存
4、wx.removeStorage/wx.removeStorageSync：删除根据key的缓存

// pages/test3/test3.js
Page({
    data:{
      shuju:[
        {
          name:'aaa',
          age:16
        },
        {
          name:'bbb',
          age:17
        },
        {
          name:'ccc',
          age:18
        }

      ]
    },
  click:function(){
      
    var k = this.data.shuju;
      //设置某个缓存
      wx.setStorage({
        key: 'key',
        data: k
      })
      
      //获取缓存
      wx.getStorage({
        key: 'key',
        success(res) {
          console.log(res.data)
        }
      })
      
      /清理本地缓存
      wx.clearStorage()
      
      //从本地缓存中移除指定 key
      wx.removeStorage({
        key: 'key',
      })
  }

})

微信小程序缓存机制介绍

  每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。

  但是微信默认设置了缓存是无限长的过期时限，这对于我们的小程序开发，是非常不好的。

哪些是一定需要过期的缓存

  我正在开发的项目中，用户通过第三方登录拿到一个token，每次请求都必须带上token，但是token的时限是30分钟。

  所以token就属于有必要当成缓存，但是又必须设置缓存时限的数据。

写法

  在用户登录成功后，把过期时间、token一起存入缓存：

// 设置token缓存
wx.setStorageSync('token', res.data.token);
// 当前时间
var timestamp = Date.parse(new Date());
// 加上过期期限
var expiration = timestamp + 1200000; //缓存20分钟
// 存入缓存
wx.setStorageSync('data_expiration', expiration);

  在app.js入口文件里，监测是否超时：

// 缓存是否过期
  _isExpiration() {
  	// 当前时间
    var timestamp = Date.parse(new Date());
    // 缓存中的过期时间
    var data_expiration = wx.getStorageSync("data_expiration");
    // 如果缓存中没有data_expiration，说明也没有token，还未登录
    if (data_expiration) {
      // 如果超时了，清除缓存，重新登录
      if (timestamp > data_expiration) {
        wx.clearStorageSync();
        return true;
      }else{
        return false;
      }
    }
    return true;
  },

小程序的本地数据缓存

本地数据缓存，指的是把数据存储在当前设备硬盘上，妥善使用本地数据缓存，可以带来良好的用户体验。

微信小程序提供了同步和异步两组读写本地数据缓存的接口。

读取本地数据

wx.getStorage

异步读取本地缓存数据，使用success、fail等回调函数处理接口调用情况

// 异步读取本地缓存
wx.getStorage({
  key: 'key1',
  success: function(res) {
    // 异步接口在success回调才能拿到返回值
    var value1 = res.data
  },
  fail: function() {
    console.log('读取key1发生错误')
  }
})

wx.getStorageSync

同步读取本地数据缓存，使用try...catch...处理读取的错误信息。

try{
  var value2 = wx.getStorageSync('key2')
}catch (e) {
  console.log('读取key2发生错误')
}

读取本地数据缓存接口的参数

key：字符串类型，必填项，本地缓存中指定的key
success：异步接口调用成功的回调函数
fail：异步接口调用失败的回调函数
complete：异步接口调用结束的回调函数，无论成功失败都会执行

写入本地数据

wx.setStorage

异步写入本地数据缓存，使用回调函数处理接口调用情况

wx.setStorage({
  key:"key",
  data:"value"
  success: function() {
    console.log('写入value成功')
  },
  fail: function() {
    console.log('写入value发生错误')
  }
})

wx.setStorageSync

同步接口写入本地数据缓存，使用try...catch...处理接口调用情况

try{
  wx.setStorageSync('key', 'value')
  console.log('写入value成功')
}catch (e) {
  console.log('写入value发生错误')
}

写入本地数据缓存接口的参数

key：字符串类型，必填项，本地缓存中指定的key
success：异步接口调用成功的回调函数
fail：异步接口调用失败的回调函数
complete：异步接口调用结束的回调函数，无论成功失败都会执行
data：需要存储到本地的数据，可以是string/object格式

数据存储到本地硬盘后，会自动根据不同小程序对数据进行区分，在本地硬盘上，每个小程序的缓存上限是10M，超出缓存上限后再写入数据就会报错。

同时，根据不同的微信登录账号，也会对数据进行隔离，不同账号的数据分别存储，避免照常用户间的数据泄露。