微信小程序學習Course 8 本地緩存API

?

本篇隨筆主要介紹微信小程序本地緩存API函數，微信小程序可以在本地緩存一些關鍵詞數據，每一條關鍵詞對應一段字符串。微信小程序提供了以下API函數。

?

8.1 同步存儲與調用

wx.setStorageSync(string key, Object|string data)

其中key代表關鍵詞；data代表一段字符串數據。只能是字符串。

Object|string wx.getStorageSync(string key)

其中key是關鍵詞參數，返回值為一個字符串。

具體事例如下：

        wx.setStorageSync("DaysRemain", days1);wx.setStorageSync("Notice", days2);

　　

?

8.2 異步存儲與調用

wx.getStorage(Object object)

從本地緩存中異步獲取指定 key 的內容

其中object為一個對象，其具有以下內容

屬性	類型	默認值	是否必填	說明	支持版本
key	string	?	是	本地緩存中指定的 key	?
success	function	?	否	接口調用成功的回調函數	?
fail	function	?	否	接口調用失敗的回調函數	?
complete	function	?	否	接口調用結束的回調函數（調用成功、失敗都會執(zhí)行）

?其中success回調函數的res對象帶有data數據，res.data

舉例如下：

wx.getStorage({//獲取數據的keykey: 'key',success: function(res) {console.log(res)},/*** 失敗會調用*/fail: function(res) {console.log(res)}})

　　

wx.setStorage(Object object)

將數據存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容

其object對象如下:

屬性	類型	默認值	是否必填	說明	支持版本
key	string	?	是	本地緩存中指定的 key	?
data	Object/string	?	是	需要存儲的內容	?
success	function	?	否	接口調用成功的回調函數	?
fail	function	?	否	接口調用失敗的回調函數	?
complete	function	?	否	接口調用結束的回調函數（調用成功、失敗都會執(zhí)行）

具體事例如下所示：

wx.setStorage({key: 'key',data: '我是storeage異步存儲的信息',success: function(res) {console.log(res)}fail:function(res){console.log(res)} })

　　

說明：同步異步的主要區(qū)別在于異步可以書寫回調函數。

?

8.3 清除某關鍵詞函數

?

wx.removeStorage(Object object)//異步清除，其object對象內容與之前一致。

wx.removeStorageSync(string key)//同步清除

?

8.4 清除所有緩存

?

wx.clearStorage(Object object)//異步清除

wx.clearStorageSync()//wx.clearStorage 的同步版本

?

8.5 獲取所有信息

wx.getStorageInfo(Object object)

異步獲取當前storage的相關信息

?其也對應有success函數、fail函數。成功后他會攜帶一個res入口對象，res具有以下屬性。一則為key的數組。二則為大小；我們可以將key數據保存到一個數組中，如此就知道緩存中有什莫數據了。

屬性	類型	說明	支持版本
keys	Array.<string>	當前 storage 中所有的 key	?
currentSize	number	當前占用的空間大小, 單位 KB	?
limitSize	number	限制的空間大小，單位 KB

Object wx.getStorageInfoSync()

wx.getStorageInfo 的同步版本

此函數返回值為一個對象，該對象具有的參數和上述一致。

?

?8.6 調試工具

在Debug界面有調試工具storage，我們可以通過觀察storage的變化來檢測數據的變化。

?

?

?

【小任務】

制作一個TODOlist實現(xiàn)備忘錄功能，添加一個事件，就將此事件保存到本地數據中，事件我們存儲在對象列表中，每一個事件包含：完成情況、事件描述。其他你可以自己增加。

點擊此處查看作業(yè)解析

（本案例代碼可以在博主github上查看）

?

轉載于:https://www.cnblogs.com/flyingjun/p/9651059.html

總結

以上是生活随笔為你收集整理的微信小程序学习Course 8 本地缓存API的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。