1.1.1.介紹: mui是最接近原生App體驗的前端框架。
極?。?00k的js文件,60k的css文件。原生編寫,不依賴任何三方框架 極強(qiáng):xcode和Android studio里所有原生控件都具備 高性能:精練的代碼、適時的5+原生動畫調(diào)用,達(dá)到原生應(yīng)用的體驗 多端發(fā)布:編寫一套代碼,iOS、Android、瀏覽器、微信App、百度直達(dá)號、流應(yīng)用全覆蓋 1.1.2.Mui能力? HTML5plus Runtime,常用包括二維碼、搖一搖、語音輸入、地圖、支付、分享、文件系統(tǒng)、通訊錄等常用API,封裝成跨平臺的HTML5plus規(guī)范。 其他原生API – Native.js,調(diào)取原生功能 更多原生SDK引入 – 5+ Runtime SDK,比如身份證掃描SDK,把5+ runtime作為一個SDK放入到其他原生App中,用5+ SDK替代webview,和原生層交互通信。(這塊類似cordova的設(shè)計) 體驗: 開發(fā)&體驗? 體驗樣式地址:http://dev.dcloud.net.cn/mui/ui/#dialog MUI HTML5前端框架,輕巧、漂亮、開源 HBuilder HTML5 IDE 編程,要爽 wap2app M站快速轉(zhuǎn)換成App,原生般體驗 UniApp 完美的跨平臺App,兼容小程序快應(yīng)用 5+Runtime HTML5強(qiáng)化引擎,能力、性能接近原生 流應(yīng)用 開發(fā)IDE: HBuilder HBuilderX 1.1.3.更新&維護(hù)? 5+應(yīng)用可使用以下方式進(jìn)行升級 整包升級:適用于大版本更新,runtime發(fā)生變化時(模塊、配置、版本等變化)必須使用此更新方法 應(yīng)用資源升級:適用于小版本更新 。runtime不變,前端頁面整體壓縮包更新 應(yīng)用資源差量升級:適用于小版本更新 。runtime不變,前端頁面僅需要更新的部分更新。
2.其他框架: ReactNative 、 Cordova 、Ionic、weex
2.1.1.React Native 如果從成熟度來看,react native 是不二選擇。但是,需要維護(hù)兩套代碼,即 iOS,Android 各一套。并且開發(fā)調(diào)試 iOS 只能使用 Mac 設(shè)備。 優(yōu)勢 文檔全 社區(qū)成熟 組件豐富 劣勢 需要維護(hù)兩套代碼 團(tuán)隊沒有 React 經(jīng)驗 對開發(fā)設(shè)備有要求,調(diào)試不方便
2.1.2.Weex 而 weex 可以做到 iOS, android, H5 共用一套代碼,但是,這個是國內(nèi)阿里維護(hù)的項目,靠譜度存疑,遇到問題估計很難查到資料。而且我們需要使用藍(lán)牙訪問硬件設(shè)備,而 weex 并沒有現(xiàn)成的組件實現(xiàn),需要我們自己用 native 來實現(xiàn)。 優(yōu)勢 三端共用一套代碼 調(diào)試簡單 團(tuán)隊都有 Vuejs 實戰(zhàn)經(jīng)驗 劣勢 國內(nèi)開源項目不太靠譜 社區(qū)極度不成熟 文檔不全 組件有限,且下載量都在兩三百的量,質(zhì)量無法保證 需要 native 代碼擴(kuò)展藍(lán)牙數(shù)據(jù)讀取
2.1.3.Cordova 、ionic ionic 這個雖然比較成熟,所有UI組件都是有html模擬,可以統(tǒng)一使用,但是唯一的問題是大家普遍反映體驗不夠流暢。 優(yōu)勢 文檔全 社區(qū)成熟 組件豐富 劣勢 angularjs 不太靠譜 流暢度存疑