app端前端框架對比 - Mui與ionic、Cordova 、Weex、React Native對比

1.1.1.介紹: mui是最接近原生App體驗的前端框架。

極小:100k的js文件,60k的css文件。原生編寫,不依賴任何三方框架

極強:xcode和Android studio裏所有原生控件都具備

高性能:精練的代碼、適時的5+原生動畫調用,達到原生應用的體驗

多端發佈:編寫一套代碼,iOS、Android、瀏覽器、微信App、百度直達號、流應用全覆蓋

1.1.2.Mui能力? HTML5plus Runtime,常用包括二維碼、搖一搖、語音輸入、地圖、支付、分享、文件系統、通訊錄等常用API,封裝成跨平臺的HTML5plus規範。 其他原生API – Native.js,調取原生功能 更多原生SDK引入 – 5+ Runtime SDK,比如身份證掃描SDK,把5+ runtime作爲一個SDK放入到其他原生App中,用5+ SDK替代webview,和原生層交互通信。(這塊類似cordova的設計) 體驗:

開發&體驗?
體驗樣式地址:http://dev.dcloud.net.cn/mui/ui/#dialog MUI HTML5前端框架,輕巧、漂亮、開源 HBuilder HTML5 IDE 編程,要爽 wap2app M站快速轉換成App,原生般體驗 UniApp 完美的跨平臺App,兼容小程序快應用 5+Runtime HTML5強化引擎,能力、性能接近原生 流應用

開發IDE: HBuilder HBuilderX

1.1.3.更新&維護? 5+應用可使用以下方式進行升級 整包升級:適用於大版本更新,runtime發生變化時(模塊、配置、版本等變化)必須使用此更新方法 應用資源升級:適用於小版本更新 。runtime不變,前端頁面整體壓縮包更新 應用資源差量升級:適用於小版本更新 。runtime不變,前端頁面僅需要更新的部分更新。

2.其他框架: ReactNative 、 Cordova 、Ionic、weex

2.1.1.React Native 如果從成熟度來看,react native 是不二選擇。但是,需要維護兩套代碼,即 iOS,Android 各一套。並且開發調試 iOS 只能使用 Mac 設備。

優勢: 文檔全 社區成熟 組件豐富

劣勢: 需要維護兩套代碼,團隊沒有 React 經驗對開發設備有要求,調試不方便

2.1.2.Weex 而 weex 可以做到 iOS, android, H5 共用一套代碼,但是,這個是國內阿里維護的項目,靠譜度存疑,遇到問題估計很難查到資料。而且我們需要使用藍牙訪問硬件設備,而 weex 並沒有現成的組件實現,需要我們自己用 native 來實現。

優勢: 三端共用一套代碼,調試簡單,團隊都有 Vuejs 實戰經驗

劣勢 : 國內開源項目不太靠譜、社區極度不成熟、文檔不全、組件有限、且下載量都在兩三百的量,質量無法保證、需要 native 代碼擴展藍牙數據讀取;

2.1.3. Cordova、ionic 這個雖然比較成熟,所有UI組件都是有html模擬,可以統一使用,
但是唯一的問題:是大家普遍反映體驗不夠流暢。

優勢: 文檔全、社區成熟、組件豐富、

劣勢: angularjs、不太靠譜、流暢度存疑

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章