全新重構,uni app實現微信端效能翻倍

2021-09-24 07:23:04 字數 885 閱讀 2902

另外,mpvue在vue層進行的vnode對比及資料diff計算不徹底,也會消耗部分效能。

新框架重寫後,我們構造了如下測試模型:

然後分別使用新、老框架,在同一臺手機(vivo nex)上進行多次測試,求其平均值,獲取如下結果:

元件數量

老框架(mpvue)

新框架200

204ms

129ms

400280ms

139ms

800341ms

180ms

1000

653ms

196ms

從測試資料來看,新框架在複雜頁面下,效能有翻倍提公升!特別是資料越多、元件越複雜的頁面,效能提公升越大!

# npm script

# 全域性安裝vue-cli

$ npm install -g @vue/cli

$ vue create -p dcloudio/uni-preset-vue my-project

# 進入專案目錄

$ cd my-project

# dev 模式,編譯預覽

$ npm run dev:mp-weixin

# build 模式,發行打包

$ npm run build:mp-weixin

複製**

新老版本切換

// manifest.json

}複製**

tips:

uni-ui 跨端ui庫精緻化

周邊生態進一步完善,比如行業模板、跨端統計等

「為開發者而生」,不是口號,而是定位。

uni app實現微信推送訊息

2.建立移動應用 params,string signature 引數 是否必須 說明grant type 是獲取access token直接填寫client credential 是secret 是https請求方式 get 引數 是否必須 說明access token 是呼叫介面憑證 next ...

uniapp 微信登入

export default login.js export const login function 獲取openid並儲存,我之後的所有介面請求都會帶上這個引數 request urls.getopenid,data then res res.result store.commit set op...

uniapp做微信登入

下面展示一些內聯 片。an highlighted block ifdef mp weixin header static common wechat.png image view content 申請獲取以下許可權 view 獲得你的公開資訊 暱稱,頭像 地區等 text view bottom ...