微信小程序本地存储

写入本地数据
小程序提供了读写本地数据缓存的接口，通过wx.setStorage写数据到缓存，在小程序中几乎所有接口都是异步的，这里存储数据也是一个异步操作，如果希望进行同步存储需要调用wx.setStorageSync。

异步存储
    wx.setStorage({
 
      data: {name:"name",age:4},//需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
 
      key: 'list',//本地缓存中指定的 key
 
})
同步存储
wx.setStorageSync('list1', {name:"name",age:5})
读取本地数据
在小程序中可以通过wx.getStorage/wx.getStorageSync将数据存储到本地。

异步操作
    wx.getStorage({
 
      key: 'list',
 
      success(res){
 
        console.log(res);
 
      }
 
    })
同步操作
const list = wx.getStorageSync('list')
缓存的限制和隔离
小程序宿主环境会管理不同小程序的数据缓存，不同小程序的本地缓存空间是分开的，每个小程序的缓存空间上限为10MB，如果当前缓存已经达到10MB，再通过wx.setStorage写入缓存会触发fail回调。
小程序的本地缓存不仅仅通过小程序这个维度来隔离空间，考虑到同一个设备可以登录不同微信用户，宿主环境还对不同用户的缓存进行了隔离，避免用户间的数据隐私泄露。
由于本地缓存是存放在当前设备，用户换设备之后无法从另一个设备读取到当前设备数据，因此用户的关键信息不建议只存在本地缓存，应该把数据放到服务器端进行持久化存储。
存储
每次当数据发生变化的时候，我们都需要同步一份到storage中，比如增加、删除、勾选。

获取数据
每次加载到这个页面的时候，都从storage中把数据取出来，进行data数据的初始化。