刚开始写小程序的时候,用户信息我是按照app.js增长全局变量的方式来作的,后来当看到搜索插件能够保存上次的搜索内容,让我知道了原来小程序还有缓存的API,来一块儿了解下。源码https://github.com/limingios/wxProgram.git 中No.15html
数据缓存
- 官方网址
>https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.html

- 发现一个问题
>全部的缓存方法都有异步和同步,有老铁确定有疑问,我来解答看我分析的对不?在微信小程序的开发中,缓存会用到以下的几个方法,分别对应一个同步和异步的方法,最大上限是10MB。在涉及到缓存的时候,通常咱们建议用同步的写法,异步的写法实际上是一种很是危险的写法,第一点,它会让代码变得难以阅读,第二点,它会引发许多未知的错误,若是对异步的方法不是很熟悉,建议能用同步就用同步,千万不要用异步,固然小程序里面有些状况是必须用异步的,可是在小程序里面用到异步的状况会很是的少,同步的缺陷是什么呢?方法执行很慢的时候整个UI会卡住,同步的方法运行不过去,后面的方法就走不了,因此呢,代码的耗时就会很是长,这是同步的缺点。那么异步的好处呢,代码会马上走完,而后获取到缓存之后,由框架再去调用success,整个流程会很快的走完,不会让UI有停滞的效果,这是异步的一个优点。般建议该用同步的时候就要用同步,同步解决不了的问题再用异步,咱们都知道异步方法的调试有点困难,这也是咱们不建议用异步的缘由。固然这个也要根据本身的业务来进行判断看是否用同步仍是异步,当你的业务须要解耦的状况下,去使用异步,当你的业务是同步的话,那就最好仍是使用同步,也就是说异步的操做是须要业务的配合来设计的,小程序的缓存上限是10MB,你试想一会儿提取10MB的数据出来,会是什么样的状况,那这个时候你就要考虑异步的状况了。由于它整个的过程有可能很慢,给用户的体验也很是很差,可是我以为这一种状况应该很是少。
介绍缓存方法
- wx.getStorage(Object object)
>从本地缓存中异步获取指定 key 的内容
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.htmlios

- wx.getStorageSync(string key)
>wx.getStorage 的同步版本

- wx.setStorage(Object object)
>将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容。
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.htmlgit

- wx.setStorageSync(string key, Object|string data)
>wx.setStorage 的同步版本

- wx.removeStorage(Object object)
>从本地缓存中移除指定 key


- wx.removeStorageSync(string key)
>wx.removeStorage 的同步版本

- wx.clearStorage(Object object)
>清理本地数据缓存

- wx.clearStorageSync()
>wx.clearStorage 的同步版本

- wx.getStorageInfo(Object object)
>异步获取当前storage的相关信息

- Object wx.getStorageInfoSync()
>wx.getStorageInfo 的同步版本

更改现有的用户存储方法使用缓存
//app.js
App({
serverUrl:"http://127.0.0.1:8081/",
userInfo:null,
setGlobalUserInfo:function(user){
wx.setStorageSync("userInfo", user);
},
getGlobalUserInfo: function () {
return wx.getStorageSync("userInfo");
}
})
复制代码
- app.js 修改
>原来的userInfo赋值和取值都改为从缓存中取到。

PS:经过缓存的时候进行控制,更方便。若是是全局变量的话确定没有缓存方便。github