小程序框架wepy、mpvue、taro

一、原生小程序開發有哪些痛點?

1. 頻繁調用 setData及 setData過程中頁面跳閃。

2. 組件化支持能力太弱(幾乎沒有)。

3. 不能使用 less、scss 等預編譯器。

4. request 併發次數限制(wx.request、wx.uploadFile、wx.downloadFile 的最大併發限制是 10 個)。

二、為什麼使用第三方框架?

1. 只要熟悉vue或react即可快速上手,學習成本低。

2. 一套代碼可在多端編譯運行(微信,支付寶,h5,RN) 支付寶小程序暫不完善。

3. 組件化開發,完美解決組件隔離,組件嵌套,組件通信等問題。

4. 支持使用第三方 npm 資源。

5. 使小程序可支持 Promise,解決回調煩惱。

6. 可使用 Generator Function / Class / Async Function 等特性,提升開發效率 。

7. 對小程序本身的優化,如生命週期的補充,性能的優化等等。

8. 支持樣式編譯器: Scss/Less,模板編譯器,代碼編譯器:Babel/Typescript。

三、第三方框架對比 wepy mpvue taro

1. WEPY https://tencent.github.io/wepy/document.html

騰訊團隊開源的一款類vue語法規範的小程序框架,借鑑了Vue的語法風格和功能特性,支持了Vue的諸多特徵,比如父子組件、組件之間的通信、computed屬性計算、wathcer監聽器、props傳值、slot槽分發,還有很多高級的特徵支持:Mixin混合、攔截器等;

2. MpVue http://mpvue.com/mpvue/#-html

美團團隊開源的一款使用 Vue.js 開發微信小程序的前端框架。使用此框架,開發者將得到完整的 Vue.js 開發體驗,同時為 H5 和小程序提供了代碼複用的能力。

3. Taro https://taro.aotu.io/

京東凹凸實驗室開源的一款使用 React.js 開發微信小程序的前端框架。它採用與 React 一致的組件化思想,組件生命週期與 React 保持一致,同時支持使用 JSX 語法,讓代碼具有更豐富的表現力,使用 Taro 進行開發可以獲得和 React 一致的開發體驗。,同時因為使用了react的原因所以除了能編譯h5, 小程序外還可以編譯為ReactNative;

四、對比圖

小程序框架wepy、mpvue、taro

小程序框架mpvue wepy taro

五、總結:

說了這麼多,適合自己項目的才是最合適的(項目目標、框架生態、人員技能、學習曲線、後期維護等情況綜合考慮)。


分享到:


相關文章: