微信开发入门（九）本地缓存

1. 有了本地缓存，你的小程序可以做到：

• 离线应用（已测试在无网络的情况下，可以操作缓存数据）

• 流畅的用户体验

• 减少网络请求,节省服务器资源

2. 哪些数据适合方缓存：

• 热数据

• 静态数据（用户数据，服务器授权ID等）

• 网络地址（图片、文件等网络地址）

• 分页列表数据及详情内容

3. 一般的缓存系统采用键值对的方式完成数据插入和读取，通过对key进行一次Hash算法得到一个唯一值，并与value绑定起来；查询的时候对根据Hash后的key查询，算法空间复杂度O(1);

4. 小程序本地缓存的实现基于上述方式实现。但是数据究竟是存储在ROM，还是存储在RAM后进行持久化，这个问题有待考究。

5. 对本地缓存数据操作分为同步和异步两种。同步方法有成功回调函数，表示数 据处理成功后的操作。下面是小程序提供本地缓存操作接口：

以Sync结尾都是同步方法。同步方法和异步方法的区别是：

• 同步方法会堵塞当前任务，直到同步方法处理返回。

• 异步方法不会塞当前任务。

6.下面以插入缓存的两个方法说明同步和异步的区别：

1. 先调用异步方法，再调用同步方法

 Page({save: function(e){console.log(&＃39;开始保存&＃39;)wx.setStorage({
   key: &＃39;key1&＃39;,
   data: &＃39;data1&＃39;,
   success: function(res){
    console.log(&＃39;异步保存成功&＃39;)  }})wx.setStorageSync(&＃39;key2&＃39;, &＃39;data2&＃39;)console.log(&＃39;同步保存成功&＃39;)  }})

执行结果：

可以看出，同步方法比异步方法先保存成功，说明异步方法没有阻塞当前任务。

1.先调用同步方法，再调用异步方法

Page({save: function(e){console.log(&＃39;开始保存&＃39;)wx.setStorageSync(&＃39;key2&＃39;, &＃39;data2&＃39;)console.log(&＃39;同步保存成功&＃39;)wx.setStorage({
  key: &＃39;key1&＃39;,
  data: &＃39;data1&＃39;,
  success: function(res){
    console.log(&＃39;异步保存成功&＃39;)  }})  }})

执行结果：
以上是个人在真机测试得到的结果，结果不一定完全准确，仅供参考。

【