微信小程序-詳解數(shù)據(jù)緩存
每個微信小程序都可以有自己的本地緩存，可以通過 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以對本地緩存進(jìn)行設(shè)置、獲取和清理。本地緩存最大為10MB。
注意： localStorage 是永久存儲的，但是我們不建議將關(guān)鍵信息全部存在 localStorage，以防用戶換設(shè)備的情況。
wx.setStorage(OBJECT)
將數(shù)據(jù)存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應(yīng)的內(nèi)容，這是一個異步接口。
OBJECT參數(shù)說明：
示例代碼
wx.setStorage({
key:"key"
data:"value"
})
wx.setStorageSync(KEY,DATA)
將 data 存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應(yīng)的內(nèi)容，這是一個同步接口。
OBJECT參數(shù)說明：
示例代碼
try {
wx.setStorageSync('key', 'value')
} catch (e) {
}
wx.getStorage(OBJECT)
從本地緩存中異步獲取指定 key 對應(yīng)的內(nèi)容。
OBJECT參數(shù)說明：
示例代碼：
wx.getStorage({
key: 'key',
success: function(res) {
console.log(res.data)
}
})
wx.getStorageSync(KEY)
從本地緩存中同步獲取指定 key 對應(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()
清理本地數(shù)據(jù)緩存。
示例代碼：
wx.clearStorage()
wx.clearStorageSync()
同步清理本地數(shù)據(jù)緩存
示例代碼：
try {
wx.clearStorageSync()
} catch(e) {
// Do something when catch error
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
使用JavaScript實現(xiàn)頁面局部更新的方法總結(jié)
在JavaScript中,Ajax（Asynchronous JavaScript and XML）是一種用于在后臺與服務(wù)器進(jìn)行異步通信的技術(shù),本文給大家介紹了使用JavaScript實現(xiàn)頁面局部更新的三種方法,文中通過代碼示例給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
這篇文章主要介紹了js獲取滾動距離的方法,涉及javascript針對頁面滾動條的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
js實現(xiàn)輪播圖效果 z-index實現(xiàn)輪播圖
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
Bootstrap教程JS插件彈出框?qū)W習(xí)筆記分享
這篇文章主要為大家分享了Bootstrap教程JS插件彈出框?qū)W習(xí)筆記，為大家詳細(xì)介紹Bootstrap彈出框的使用方法，感興趣的小伙伴們可以參考一下2016-05-05
JavaScript實現(xiàn)小程序圖片裁剪功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實現(xiàn)小程序圖片裁剪功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起了解一下2023-03-03
javascript function(函數(shù)類型)使用與注意事項小結(jié)
這篇文章主要介紹了javascript function(函數(shù)類型)使用與注意事項,結(jié)合實例形式較為詳細(xì)的分析了Function(函數(shù))類型的基本聲明、屬性、方法相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下2019-06-06
本文主要介紹了使得我們處理圖片上傳更加簡單的方法FileAPI。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
一直都嫌下拉框這個html控件難看，之前弄了個<div><ul><li></li></ul></div>版的下拉框.2010-02-02
很多DOM對象都有原生的事件支持，向div就有click、mouseover等事件，事件機(jī)制可以為類的設(shè)計帶來很大的靈活性，相信.net程序員深有體會。隨著web技術(shù)發(fā)展，使用JavaScript自定義對象愈發(fā)頻繁，讓自己創(chuàng)建的對象也有事件機(jī)制，通過事件對外通信，能夠極大提高開發(fā)效率2013-08-08
在ASP.NET后臺代碼中，對于這樣的URL請求地址：http://www.abc.com?id=001,我們可以通過Request.QueryString["id"]的方法很容易的獲取到URL中請求的參數(shù)的值，但是要在前臺js代碼中獲取請求的參數(shù)的值，應(yīng)該怎么做呢？2010-12-12