微信小程序開發(fā)過程中，本地?cái)?shù)據(jù)緩存是必不可少的一部分。而且本地?cái)?shù)據(jù)緩存的用途還挺多的，下面就和大家分享一下微信小程序開發(fā)本地?cái)?shù)據(jù)緩存教程，希望對(duì)大家有所幫助！

第一步：讀寫本地?cái)?shù)據(jù)緩存

微信小程序?yàn)榱朔奖汩_發(fā)者緩存數(shù)據(jù)提供了讀寫本地?cái)?shù)據(jù)緩存接口，讀本地?cái)?shù)據(jù)緩存采用的是wx.getStorage/wx.getStorageSync接口，寫本地?cái)?shù)據(jù)緩存的是wx.setStorage/wx.setStorageSync接口。其中以Sync結(jié)尾的是指同步接口。意思是指操作完成之后會(huì)立即返回。下面就以示例代碼和參數(shù)和大家展示一下，如圖所示：

讀本地?cái)?shù)據(jù)緩存：示例代碼

讀本地?cái)?shù)據(jù)緩存：參數(shù)

寫本地?cái)?shù)據(jù)緩存：示例代碼

寫本地?cái)?shù)據(jù)緩存：參數(shù)

第二步：緩存隔離與限制

緩存隔離：微信小程序提供的數(shù)據(jù)接口會(huì)管理不同小程序的數(shù)據(jù)緩存，不同小程序的本地緩存數(shù)據(jù)是不同的，需要分開隔離。隔離是為了避免用戶數(shù)據(jù)信息泄露，保證信息安全。

緩存限制：每個(gè)小程序緩存空間不能超過10KB.超過10KB的需要通過wx.setStorage/wx.setStorageSync接口寫入本地緩存數(shù)據(jù)會(huì)觸發(fā)fail回調(diào)。需要注意的是關(guān)鍵信息不建議放在本地?cái)?shù)據(jù)緩存，建議放在服務(wù)器端長(zhǎng)期存儲(chǔ)。

第三步：在本地緩存數(shù)據(jù)里，進(jìn)行前端頁面處理，如圖所示：

第四步：在本地緩存數(shù)據(jù)里，進(jìn)行提交保存數(shù)據(jù)。如圖所示：

第五步：利用本地緩存數(shù)據(jù)，進(jìn)行頁面初始化操作。如圖所示：

以上就是對(duì)微信小程序開發(fā)本地?cái)?shù)據(jù)緩存教程基本介紹，大家如果對(duì)本地?cái)?shù)據(jù)緩存不太清楚，可以根據(jù)以上的步驟進(jìn)行演練。多操作幾次就熟悉了。