微信小程序之數據緩存實例-備忘錄

??? 數據緩存在移動端的使用是非常重要的，既可以減少用戶的流量支出又可以提高程序的訪問速度和用戶體驗。每個微信小程序都可以有自己的本地緩存，可以通過 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以對本地緩存進行設置、獲取和清理。同一個微信用戶，同一個小程序 storage 上限為 10MB。

??? 一、?Wx.setStorage(OBJECT)

??? 將數據存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容，這是一個異步接口。

????? object參數說明:

??? 示例代碼：

wx.setStorage({key:"key",data:"value"})

?

• wx.setStorageSync(KEY,DATA)

????? 將 data 存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容，這是一個同步接口。

??? 參數說明：

?

??? 示例代碼：

try {wx.setStorageSync('key', 'value')} catch (e) { }

?

• ?wx.getStorage(OBJECT)

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

????? OBJECT參數說明：

??? success返回參數說明：

?? 示例代碼：

wx.getStorage({key: 'key',success: function(res) {console.log(res.data)}})

?

• wx.getStorageSync(KEY)

??? 從本地緩存中同步獲取指定 key 對應的內容。

??? 參數說明：

??? 示例代碼：

try {var value = wx.getStorageSync('key')if (value) {// Do something with return value }} catch (e) {// Do something when catch error }

?

• wx.getStorageInfo(OBJECT)

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

??? OBJECT參數說明：

??? 示例代碼：

wx.getStorageInfo({success: function(res) {console.log(res.keys)console.log(res.currentSize) console.log(res.limitSize)}})

?

• wx.getStorageInfoSync

??? 同步獲取當前storage的相關信息

??? 示例代碼：

try {var res = wx.getStorageInfoSync()console.log(res.keys)console.log(res.currentSize)console.log(res.limitSize)} catch (e) {// Do something when catch error }

?

• wx.removeStorage(OBJECT)

??? 從本地緩存中異步移除指定 key 。

??? OBJECT參數說明：

?

??? 示例代碼：

wx.removeStorage({key: 'key',success: function(res) {console.log(res.data)}})

?

• ?wx.removeStorageSync(KEY)

??? 從本地緩存中同步移除指定 key 。

??? 參數說明：

??? 示例代碼：

try {wx.removeStorageSync('key')} catch (e) {// Do something when catch error }

?

• wx.clearStorage()

??? 清理本地數據緩存。

??? 示例代碼：

wx.clearStorage()

• wx.clearStorageSync()

??? 同步清理本地數據緩存

??? 示例代碼：

try {wx.clearStorageSync()} catch(e) {// Do something when catch error }

?

??? 項目效果:

?

轉載于:https://www.cnblogs.com/jerehedu/p/6873855.html

總結

以上是生活随笔為你收集整理的微信小程序，前端大梦想（七）的全部內容，希望文章能夠幫你解決所遇到的問題。

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