剛開始寫小程序的時候，用戶信息我是按照app.js增加全局變量的方式來做的，後來當看到搜索插件可以保存上次的搜索內容，讓我知道了原來小程序還有緩存的API，來一起了解下。源碼https://github.com/limingios/wxProgram.git 中No.15
數據緩存
官方網址
>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.html
wx.getStorageSync(string key)
>wx.getStorage 的同步版本
wx.setStorage(Object object)
>將數據存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容。
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html
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.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：通過緩存的時候進行控制，更方便。如果是全局變量的話肯定沒有緩存方便。