微信小程式封裝storage(含錯誤處理)

2022-06-12 02:12:31 字數 1976 閱讀 5540

wx.getstorage(,

fail(error)

})

官方的方法用起來很麻煩,和我們之前習慣用localstorage.getitem看這個就很彆扭,你也一樣對吧,別問我怎麼知道的  你來這文章的時候你肯定就是不習慣官方的,沒關係,我給你封裝好了。

第一步、根目錄新建utils目錄,目錄內新建乙個utils.js的檔案

第二步、複製下方**到utils.js檔案

class utils   要讀取的key

* @param 是否是同步

* @todo 賭氣本地儲存,判斷key只能是string且非純空格 如果不是將報錯,

*/get:

function (key, issync = false

)

if (key.trim() == "")

return

new promise((resolve, reject) =>

else

} else

, fail(error)})}

})},

/*** @description 設定本地儲存,

* @param 儲存的key

* @param 儲存的內容

* @param 是否是同步

* @todo 設定本地儲存,判斷key只能是string且非純空格 如果不是將報錯,

*/set:

function (key, data, issync = false

)

if (key.trim() == "")

return

new promise((resolve, reject) =>);

} else

) },})}

})},

/*** @description 清理本地儲存,

* @param 儲存的key(為空將清空所有)

* @param 是否是同步

* @todo 清理本地儲存,如果key為空則清空所有,如果key不為空則清空指定的key

*/rm:

function (key = "", issync = false

)

return

new promise((resolve, reject) =>)}})

} else

) }

} else

) }

})}

else

) }}})

}}}}/**

* @public

* @author jinzhenzong

* @description 為string新增方法,trim為string去掉兩端空格 */

string.prototype.trim = function

() export

第三步、使用

目標頁面引入

import from "../../utils/util.js"

data裡面新建乙個utils的變數,如下圖所示,onload對這歌變數初始化

在需要的地方這麼用:

this.data.utils.storage.get("userser").then(res =>).

catch(error =>)

需要設定請用.set需要非同步的話請在第二個引數設為true,該檔案是promise風格,相容了對key的名稱判斷,以及是否是非同步進行了判斷,

微信小程式 websocket 封裝

首先在 page 資料夾下建立乙個 js 資料夾存放封裝的 websocket 請求,其實放 看自己需要,都行。在 js 資料夾下建立乙個 websocket.js 檔案,裡面是封裝好的 websocket 其實叫啥名都行,看你心情。todo websocket封裝 wjw 2020年3月19日14...

微信小程式元件封裝

第一步,在page下面新建乙個template檔案,如下圖 第二部,在template.wxml中編寫公用元件即要封裝的 模組 template name mars view text mars text view template 第三部,在需要使用封裝的元件的wxml檔案裡引入,此步最關鍵 vi...

微信小程式網路請求封裝

date 2020 3 3 desc 網路請求工具 var u 請求返回體模型 請求方式 u.get get get型別請求 u.post post post型別請求 請求的code u.statuscode success 200 開發者伺服器返回的 http 成功狀態碼 u.code succe...