微信小程序学习Course 8 本地缓存API
微信小程序?qū)W習(xí)Course 8 本地緩存API
?
本篇隨筆主要介紹微信小程序本地緩存API函數(shù),微信小程序可以在本地緩存一些關(guān)鍵詞數(shù)據(jù),每一條關(guān)鍵詞對應(yīng)一段字符串。微信小程序提供了以下API函數(shù)。
?
8.1 同步存儲與調(diào)用
wx.setStorageSync(string key, Object|string data)
其中key代表關(guān)鍵詞;data代表一段字符串?dāng)?shù)據(jù)。只能是字符串。
Object|string wx.getStorageSync(string key)
其中key是關(guān)鍵詞參數(shù),返回值為一個字符串。
具體事例如下:
wx.setStorageSync("DaysRemain", days1);wx.setStorageSync("Notice", days2);
?
8.2 異步存儲與調(diào)用
wx.getStorage(Object object)
從本地緩存中異步獲取指定 key 的內(nèi)容
其中object為一個對象,其具有以下內(nèi)容
| 屬性 | 類型 | 默認(rèn)值 | 是否必填 | 說明 | 支持版本 |
|---|---|---|---|---|---|
| key | string | ? | 是 | 本地緩存中指定的 key | ? |
| success | function | ? | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | ? |
| fail | function | ? | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | ? |
| complete | function | ? | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行) |
?其中success回調(diào)函數(shù)的res對象帶有data數(shù)據(jù),res.data
舉例如下:
wx.getStorage({//獲取數(shù)據(jù)的keykey: 'key',success: function(res) {console.log(res)},/*** 失敗會調(diào)用*/fail: function(res) {console.log(res)}})
wx.setStorage(Object object)
將數(shù)據(jù)存儲在本地緩存中指定的 key 中,會覆蓋掉原來該 key 對應(yīng)的內(nèi)容
其object對象如下:
| 屬性 | 類型 | 默認(rèn)值 | 是否必填 | 說明 | 支持版本 |
|---|---|---|---|---|---|
| key | string | ? | 是 | 本地緩存中指定的 key | ? |
| data | Object/string | ? | 是 | 需要存儲的內(nèi)容 | ? |
| success | function | ? | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | ? |
| fail | function | ? | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | ? |
| complete | function | ? | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行) |
具體事例如下所示:
wx.setStorage({key: 'key',data: '我是storeage異步存儲的信息',success: function(res) {console.log(res)}fail:function(res){console.log(res)} })
說明:同步異步的主要區(qū)別在于異步可以書寫回調(diào)函數(shù)。
?
8.3 清除某關(guān)鍵詞函數(shù)
?
wx.removeStorage(Object object)//異步清除,其object對象內(nèi)容與之前一致。
wx.removeStorageSync(string key)//同步清除
?
8.4 清除所有緩存
?
wx.clearStorage(Object object)//異步清除
wx.clearStorageSync()//wx.clearStorage 的同步版本
?
8.5 獲取所有信息
wx.getStorageInfo(Object object)
異步獲取當(dāng)前storage的相關(guān)信息
?其也對應(yīng)有success函數(shù)、fail函數(shù)。成功后他會攜帶一個res入口對象,res具有以下屬性。一則為key的數(shù)組。二則為大小;我們可以將key數(shù)據(jù)保存到一個數(shù)組中,如此就知道緩存中有什莫數(shù)據(jù)了。
| 屬性 | 類型 | 說明 | 支持版本 |
|---|---|---|---|
| keys | Array.<string> | 當(dāng)前 storage 中所有的 key | ? |
| currentSize | number | 當(dāng)前占用的空間大小, 單位 KB | ? |
| limitSize | number | 限制的空間大小,單位 KB |
Object wx.getStorageInfoSync()
wx.getStorageInfo 的同步版本
此函數(shù)返回值為一個對象,該對象具有的參數(shù)和上述一致。
?
?8.6 調(diào)試工具
在Debug界面有調(diào)試工具storage,我們可以通過觀察storage的變化來檢測數(shù)據(jù)的變化。
?
?
?
【小任務(wù)】
制作一個TODOlist實現(xiàn)備忘錄功能,添加一個事件,就將此事件保存到本地數(shù)據(jù)中,事件我們存儲在對象列表中,每一個事件包含:完成情況、事件描述。其他你可以自己增加。
點擊此處查看作業(yè)解析
(本案例代碼可以在博主github上查看)
?
轉(zhuǎn)載于:https://www.cnblogs.com/flyingjun/p/9651059.html
總結(jié)
以上是生活随笔為你收集整理的微信小程序学习Course 8 本地缓存API的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 求一个激励自己的个性签名。
- 下一篇: Arithmetic