這篇文章給大家分享的是有關(guān)微信小程序中數(shù)據(jù)緩存的示例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、環(huán)縣ssl等。為上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的環(huán)縣網(wǎng)站制作公司

每個(gè)微信小程序都可以有自己的本地緩存，可以通過 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以對(duì)本地緩存進(jìn)行設(shè)置、獲取和清理。本地緩存最大為10MB。

注意： localStorage 是永久存儲(chǔ)的，但是我們不建議將關(guān)鍵信息全部存在 localStorage，以防用戶換設(shè)備的情況。

wx.setStorage(OBJECT)

將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的 key 中，會(huì)覆蓋掉原來該 key 對(duì)應(yīng)的內(nèi)容，這是一個(gè)異步接口。

OBJECT參數(shù)說明：

示例代碼

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

wx.setStorageSync(KEY,DATA)

將 data 存儲(chǔ)在本地緩存中指定的 key 中，會(huì)覆蓋掉原來該 key 對(duì)應(yīng)的內(nèi)容，這是一個(gè)同步接口。

OBJECT參數(shù)說明：

示例代碼

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

wx.getStorage(OBJECT)

從本地緩存中異步獲取指定 key 對(duì)應(yīng)的內(nèi)容。

OBJECT參數(shù)說明：

示例代碼：

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

wx.getStorageSync(KEY)

從本地緩存中同步獲取指定 key 對(duì)應(yīng)的內(nèi)容。

參數(shù)說明：

示例代碼：

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

wx.getStorageInfo(OBJECT)

異步獲取當(dāng)前storage的相關(guān)信息

OBJECT參數(shù)說明：

success返回參數(shù)說明：

示例代碼：

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

wx.getStorageInfoSync

同步獲取當(dāng)前storage的相關(guān)信息

示例代碼：

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參數(shù)說明：

示例代碼：

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

wx.removeStorageSync(KEY)

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

參數(shù)說明：

示例代碼：

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

wx.clearStorage()
清理本地?cái)?shù)據(jù)緩存。

示例代碼：

wx.clearStorage()

wx.clearStorageSync()

同步清理本地?cái)?shù)據(jù)緩存

示例代碼：

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

感謝各位的閱讀！關(guān)于“微信小程序中數(shù)據(jù)緩存的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！