當前位置:首頁 » 文件管理 » 微信小程序本地緩存版

微信小程序本地緩存版

發布時間: 2023-03-24 13:24:24

Ⅰ 小程序之緩存

每個微信小程序都可以有自己的本地緩存,可以通過 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以對本地緩存進行設置、獲取和清理。同一個微信用戶,同一個小程序 storage 上限為 10MB。localStorage 以用戶維度隔離,同一台設備上,A 用戶無法讀取到 B 用戶的數據。

1.設置緩存

2.獲取緩存

3.清除緩存

Ⅱ 【微信小程序】本地緩存

本地緩存官方講解:
https://developers.weixin.qq.com/miniprogram/dev/api/data.html#wxsetstorageobject

演示視屏可以關注公微信訂閱號查看(Rabbit_svip)。

樣式隨便寫,主要留意功能。
頁面結構

【app.json】

【login.wxml】

【login.js】

【index.wxml】

【index.js】

先看看【app.json】,在pages裡面,要把login放在第一,這樣在小程序打開的時候,就會先打開login.wxml這個頁面。

【login.wxml】頁面,第二行的<form>標簽里,要加bindsubmit。

這是微信官方文檔上寫明的事件。在<form>表單提交時,會攜帶<form>中的數據出發submit事件。

在使用bindsubmit時,記得在input元素上面寫明「name」屬性。

可以試試,查看一下控制台輸出的值。

【login.js】
在點擊登錄提交表單後,如果登錄成功,用wx.setStorage(),把用戶名臨時存儲起來。

存儲完成後,跳轉頁面。用到 wx.redirectTo
用 wx.redirectTo 進行跳轉,是沒有返回上一層的路徑的。

在login.js這個頁面中,用到 onLoad 這個函數(第107行)。作用是監聽頁面載入。

onLoad裡面,用到 wx.getStorage 這個API。作用是檢測本地緩存,看看是否有對應的key指定的值。如果有,則調用 success 這個回調函數。

【index.js】
這個頁面設置了一個清除本地緩存的button。
用到 wx.removeStorage 這個API。

這里只要指定key值就行。這樣就可以刪除掉對應的緩存。
刪除成功後,執行 success 回調函數。

Ⅲ 微信小程序怎麼進行數據緩存

每個微信小程序都可以有自己的本地緩存,可以通過 wx.setStorag(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以對本地緩存進行設置、獲取和清理。本地緩存最大為10MB。 
注意: 
localStorage 是永久存儲的,但是我們不建議將關鍵信息全部存在 localStorage,以防用戶換設備的情況。

wx.setStorage(OBJECT)將數據存儲在本地緩存中指定的 key 中,會覆蓋掉原來該 key 對應的內容,這是一個非同步介面。

代碼示例

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

wx.setStorageSync(KEY,DATA) 
將 data 存儲在本地緩存中指定的 key 中,會覆蓋掉原來該 key 對應的內容,這是一個同步介面。

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

wx.getStorageInfo(OBJECT) 
非同步獲取當前storage的相關信息

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

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 }12345678

wx.removeStorage(OBJECT) 
從本地緩存中非同步移除指定 key 。

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

wx.removeStorageSync(KEY)

從本地緩存中同步移除指定 key 。 try { wx.removeStorageSync('key') } catch (e) { // Do something when catch error }123456

wx.clearStorage() 
清理本地數據緩存。

wx.clearStorage()1

wx.clearStorageSync() 
同步清理本地數據緩存

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

Ⅳ 緩存問題之非同步處理(微信小程序)

微信小程序裡面的本地緩存
wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)

localStorage :是永久存儲,以用戶維度隔離,同一台設備上,A 用戶無法讀取到 B 用戶的數據。

在小程序中無 Sync 結尾的本地緩存中,都為 非同步緩存
wx.setStorage(object)
參數object說明

控制台
表示儲存成功

wx.getStorage(object)
示例

這個key值就是先前setStorage的命名key,證明指定獲取那個緩存中的數據

wx.clearStorage(object)
清理本地數據緩存

將之前儲存在Storage中的數據清空。適用於退出登錄後登錄信息的清除

wx.getStorageInfo(object)
非同步獲取當前storage的相關信息( 當前小程序裡面所有的storage的儲存信息

參數說明

執行結果

wx.removeStorage(OBJECT)
從本地緩存中非同步移除指定 key值

獲取當前data值時將報錯undefined
執行結果

Ⅳ 微信小程序的緩存如何導出來保存

通過瀏覽器將文檔導出來保存。
1、首先打開目標文檔,點擊右上角更多中的下載。
2、其次點擊復制下載鏈接,在手機本地瀏覽器中粘貼。
3、最後通過瀏覽器將文檔實體保存到手機本地。

Ⅵ 微信小程序開發——本地緩存

本地緩存是指微信小程序存儲在當前設備空間里地數據。在官方文檔說明中,其所有的數據存儲上限為10MB即單個小程序的存儲空間上限為10MB。==在使用過程中用戶使用本地緩存可以存儲一些非重要性的生產操作,例如讓小程序再次打開能快速渲染頁面,減少用戶等待時間。

小程序提供了讀寫刪本地緩存的方法:

關於同步緩存和非同步緩存的區別
非同步與同步的區別是,非同步不會阻塞當前任務,同步緩存直到同步方法處理完才能繼續往下執行。

寫入本地緩存

根據key讀取本地緩存

根據key移除本地緩存

清除本地所有緩存

最後,還要注意的一點是如果寫入了同樣key的緩存數據,後寫的會覆蓋了前者,因此需要我們注意一下

Ⅶ 微信小程序入門(七):緩存數據-單條數據

微信小程序的編寫中,涉及到有些業務場景需要將數據緩存到本地,則微信小程序api提供了兩個介面函數,

wx.setStorage可以將數據緩存在本地指定的key中,如果本地緩存已經存在指定的key,則會覆蓋該key對應的內容,這是一個非同步的介面,在調用時會涉及到成功,失敗,完成三個狀態,

與wx.setStorage唯一不同的就是wx.setStorageSync是同步進行的,所以不會涉及到成功,失敗,完成等回調,但是在使用時需要使用try.......catch....來捕獲異常;

現在編寫一個將字元串緩存本地的例子

編譯項目,點擊緩存按鈕:

現在改變緩存的內容,但是緩存的key保持不變

可以看到第二次的內容把第一次覆蓋了。

將內容緩存到本地之後,將其從本地提取展示出來,則可是使用微信小程序api提供的兩個介面:wx.getStorageInfo(Object object),wx.getStorageSync(string key),與緩存同樣,讀取緩存也分同步和非同步;

我們將剛剛存儲到本地的數據展示到頁面上:

編譯項目,點擊按鈕獲取緩存數據並將其展示到頁面上。

完成了本地數據的緩存,獲取,則接下來就是關於緩存數據的清除,同樣微信小程序api也提供了可使用的介面,

至此微信小程序本地保存數據就此結束!

Ⅷ 手機微信小程序緩存文件位置

在微信中,用戶可以在手機的文件管理頁面中,找到微信緩存圖片所在的文件夾位置。以下是詳細的操作步驟:

工具/原料:小米11、MIUI12、微信8.0.19

1、點擊放大鏡

進入文件管理,點擊右上角的搜索框。

熱點內容
邊的存儲方法 發布:2025-05-16 17:33:16 瀏覽:925
海量伺服器怎麼拆 發布:2025-05-16 17:31:07 瀏覽:209
運行與編譯的區別 發布:2025-05-16 17:25:02 瀏覽:823
c語言for中continue 發布:2025-05-16 17:20:14 瀏覽:647
ftp儲存 發布:2025-05-16 17:04:08 瀏覽:504
家悅3010怎麼看電腦配置 發布:2025-05-16 17:02:38 瀏覽:885
sqlin傳參 發布:2025-05-16 17:02:37 瀏覽:889
python計算md5 發布:2025-05-16 17:02:32 瀏覽:427
看演算法頭疼 發布:2025-05-16 16:56:41 瀏覽:798
給定文件編譯成dll文件 發布:2025-05-16 16:45:05 瀏覽:730