一、前提
目前我只使用過wepy和uni-app框架開發過小程序,着重比較這兩個框架使用感受!
另外wepy框架已經不維護了,希望uni-app好好維護下去!
wepy和uni-app都是類似於vue.js規范的寫法,所以熟悉Vue的人更好上手。
要是開發者熟悉react,可以找下Taro框架。
二、框架對比
1.DCloud社區有做過試驗,對於長列表加載和點贊組件響應做了性能對比。
a) 長列表測試方式:從頁面空列表開始,通過程序自動觸發上拉加載,每次新增20條列表,記錄單次耗時;固定間隔連續觸發 N 次上拉加載,使得頁面達到 20*N 條列表,計算這 N 次觸發上拉到渲染完成的平均耗時。
結果如下圖:
發現wepy欄對應的測試數據不完整,變相說明頁面組件超過500個時,wepy無法完成渲染造成異常。
反觀uni-app,比原生性能略好?
因為原生在setData調用更耗時,如果不優化uni-app性能更好,優化后還是比不了原生的。
b)點贊組件測試方式:選中某微博,點擊“點贊”按鈕,實現點贊狀態狀態切換;點贊按鈕 onclick函數開頭開始計時,setData回調函數開頭結束計時;
結果如下圖:
wepy出現同樣情況,uni-app與原生相差不多;
總結來說,性能消耗方面,uni-app更勝一籌,重點是頁面渲染數據用了data(){}(〃'▽'〃)。
我太喜歡看他們的社區了~~