【未经作者本人同意,请勿以任何形式转载】

目前,微信给每个小程序提供了10M的本地缓存空间(哎哟妈呀好大)

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

    • 离线应用(已测试在无网络的情况下,可以操作缓存数据)
    • 流畅的用户体验
    • 减少网络请求,节省服务器资源
  2. 哪些数据适合方缓存:
    • 热数据
    • 静态数据(用户数据,服务器授权ID等)
    • 网络地址(图片、文件等网络地址)
    • 分页列表数据及详情内容
  3. 一般的缓存系统采用键值对的方式完成数据插入和读取,通过对key进行一次Hash算法得到一个唯一值,并与value绑定起来;查询的时候对根据Hash后的key查询,算法空间复杂度O(1);
  4. 小程序本地缓存的实现基于上述方式实现。但是数据究竟是存储在ROM,还是存储在RAM后进行持久化,这个问题有待考究。
  5. 对本地缓存数据操作分为同步和异步两种。同步方法有成功回调函数,表示数 据处理成功后的操作。下面是小程序提供本地缓存操作接口:
操作 异步方法 同步方法
插入 wx.setStorage wx.setStorageSync
读取 wx.getStorage wx.getStorageSync
删除 wx.removeStorage wx.removeStorageSync
清空 wx.clearStorage wx.clearStorageSync
获取缓存信息 wx.getStorageInfo wx.getStorageInfoSync

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

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

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

  1. 先调用异步方法,再调用同步方法
Page({
save: function(e){
console.log('开始保存')
wx.setStorage({
key: 'key1',
data: 'data1',
success: function(res){
console.log('异步保存成功')
}
})
wx.setStorageSync('key2', 'data2')
console.log('同步保存成功')
}
})

执行结果:

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

2. 先调用同步方法,再调用异步方法

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

执行结果:

可以看出,异步方法只有等到同步方法执行成功才会执行。

缓存API提供了一个获取本地缓存信息的接口wx.getStorageInfo,有了它,开发者可以在已有api上再次封装,比如加入缓存时间、不覆盖插入、批量删除、判断当前缓存大小等。

最后一个是缓存隔离级别的问题:

  1. 同一手机,不同小程序应用,至少在逻辑存储上肯定不是共享缓存,满足应用级别隔离。
  2. 同一手机,同一个小程序,不同微信用户扫码使用,经测试,也不共享缓存,目前测试条件下,是用户级别隔离。
  3. 同一手机,同一个小程序,同一微信用户两次扫码使用,经测试,是共享缓存。
  4. 同一手机,同一个小程序,不同微信用户切换使用(分别扫码两次),经测试,同一个用户共享缓存,不同用户间不共享缓存。

目前可以推断在真机调试条件下,每个小程序扫码用户都会分配10M的本地缓存。

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

你也可以关注我的微信公众号『ITNotes』, 一起交流学习 。

小程序QQ交流群:594342242

最新文章

  1. windows下C++高精度计时
  2. A New Beginning
  3. JavaScript开发原生App模式能否突出重围?
  4. 用CSS box-shadow画画
  5. 【转载】分享下多年积累的对JAVA程序员成长之路的总结
  6. mysql 的 存储结构(储存引擎)
  7. xbmc
  8. 【细说Java】Java的重写与隐藏
  9. asp.net 发送邮件代码 System.Net.Mail
  10. win7下的iis配置
  11. GitHub赠送DigitalOcean优惠码100美元
  12. hdu_2147_kiki's game(博弈)
  13. 多机并行计算框架 和CoolHash数据库(可用于多机机器学习)
  14. 利用jackson-databind,复杂对象对象和json数据互转
  15. Single linked list by cursor
  16. 温故而知新—heap
  17. Ext.Net 1.x_Ext.Net.GridPanel之Access数据库分页显示
  18. js时间过滤方法
  19. CF980E
  20. 渲染标签 - v-html

热门文章

  1. js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false
  2. MyEclipse使用心得:集成和使用Maven的方法
  3. 简单的学习心得:网易云课堂Android开发第三章自定义控件
  4. C语言关于利用sscanf实现字符串相加减
  5. iOS中的round/ceil/floorf函数略解
  6. Feathers UI 性能优化
  7. (二)Maven的安装与环境配置
  8. sublime text 乱码生成.dump问题的解决方法
  9. SqlHelper类
  10. 如何查看MapReduce执行的程序中的输出日志