欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 數據緩存實現方法詳解

 更新時間:2019年08月26日 10:13:24   作者:kiimi  
這篇文章主要介紹了微信小程序 數據緩存實現方法詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

微信小程序可以通過wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)對本地緩存進行設置、獲取和清理。本地緩存最大為10MB。

wx.setStorage()---------異步設置緩存

微信官方給出的屬性

OBJECT參數說明:

參數 類型 必填 說明
key String 本地緩存中的指定的 key
data Object/String 需要存儲的內容
success Function 接口調用成功的回調函數
fail Function 接口調用失敗的回調函數
complete Function 接口調用結束的回調函數(調用成功、失敗都會執(zhí)行)

調用方式:

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

wx.setStorageSync()---------同步設置緩存

微信官方給出的屬性

參數說明:

參數 類型 必填 說明
key String 本地緩存中的指定的 key
data Object/String 需要存儲的內容

調用方式:

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

wx.getStorage()--------異步獲取緩存

微信官方給出的屬性

OBJECT參數說明:

參數 類型 必填 說明
key String 本地緩存中的指定的 key
success Function 接口調用的回調函數,res = {data: key對應的內容}
fail Function 接口調用失敗的回調函數
complete Function 接口調用結束的回調函數(調用成功、失敗都會執(zhí)行)

success返回參數說明:

參數 類型 說明
data String key對應的內容

調用方式:

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

wx.getStorageSync()--------同步獲取緩存數據

微信官方給出的屬性說明

參數說明:

參數 類型 必填 說明
key String 本地緩存中的指定的 key

調用方式:

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

wx.getStorageInfo()------異步獲取當前緩存的數據

微信官方給出的屬性說明

OBJECT參數說明:

參數 類型 必填 說明
success Function 接口調用的回調函數,詳見返回參數說明
fail Function 接口調用失敗的回調函數
complete Function 接口調用結束的回調函數(調用成功、失敗都會執(zhí)行)

success返回參數說明:

參數 類型 說明
keys String Array 當前storage中所有的key
currentSize Number 當前占用的空間大小, 單位kb
limitSize Number 限制的空間大小,單位kb

調用方式:

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

wx.getStorageInfoSync()-------同步獲取當前緩存數據

emmmmm---微信并沒有給參數說明

調用方式:

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()-----異步移除指定的key的緩存數據

微信官方參數說明

OBJECT參數說明:

參數 類型 必填 說明
key String 本地緩存中的指定的 key
success Function 接口調用的回調函數
fail Function 接口調用失敗的回調函數
complete Function 接口調用結束的回調函數(調用成功、失敗都會執(zhí)行)

調用方式:

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

wx.removeStorageSync()------同步移除指定key的緩存數據

微信官方參數說明

參數說明:

參數 類型 必填 說明
key String 本地緩存中的指定的 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
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • 一個php+js實時顯示時間問題

    一個php+js實時顯示時間問題

    本文給大家分享的是解決的php+js實時顯示時間問題,主要是自己當時的理解有問題,也許大家有和我一樣的情況,這里分享給大家
    2015-10-10
  • OpenLayers3實現鼠標移動顯示坐標

    OpenLayers3實現鼠標移動顯示坐標

    這篇文章主要為大家詳細介紹了OpenLayers3實現鼠標移動顯示坐標,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • 第三章之Bootstrap 表格與按鈕功能

    第三章之Bootstrap 表格與按鈕功能

    Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷。本文給大家介紹Bootstrap 表格與按鈕功能,感興趣的朋友參考下吧
    2016-04-04
  • js 優(yōu)化次數過多的循環(huán) 考慮到性能問題

    js 優(yōu)化次數過多的循環(huán) 考慮到性能問題

    IE沒有我們想象中笨,它知道總的循環(huán)次數還是一千萬次。因此,得把這一百個十萬次循環(huán)分開執(zhí)行。雖然Javascript是單線程的,但也可以通過setTimeout或setInterval模擬多線程。
    2011-03-03
  • js實現隨機點名小功能

    js實現隨機點名小功能

    這篇文章主要為大家詳細介紹了js實現隨機點名小功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • 詳解如何利用chatgpt保護您的js代碼

    詳解如何利用chatgpt保護您的js代碼

    這篇文章主要為大家介紹了如何利用chatgpt保護您的js代碼詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-04-04
  • 深入探究JavaScript的類型判斷(從基礎到精通)

    深入探究JavaScript的類型判斷(從基礎到精通)

    JavaScript 語言具有多種數據類型,它們可以大致分為兩大類:基本數據類型(Primitive Data Types)和引用數據類型(Reference Data Types),本文將帶大家一起從基礎到精通深入探究JavaScript的類型判斷,需要的朋友可以參考下
    2024-05-05
  • webpack學習--webpack經典7分鐘入門教程

    webpack學習--webpack經典7分鐘入門教程

    這篇文章主要介紹了webpack學習--webpack經典7分鐘入門教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • Javascript高級技巧分享

    Javascript高級技巧分享

    這篇文章主要介紹了Javascript高級技巧,需要的朋友可以參考下
    2014-02-02
  • TypeScript中Array(數組)聲明與簡單使用方法

    TypeScript中Array(數組)聲明與簡單使用方法

    這篇文章主要給大家介紹了關于TypeScript中Array(數組)聲明與簡單使用的相關資料,TypeScript Array(數組)數組對象是使用單獨的變量名來存儲一系列的值,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2023-12-12

最新評論