首頁電商視覺設(shè)計(jì)技術(shù)文章正文

UI培訓(xùn)之移動(dòng)APP開發(fā)對(duì)比（優(yōu)劣對(duì)比）

更新時(shí)間:2016年04月21日17時(shí)08分來源:傳智播客UI培訓(xùn)學(xué)院瀏覽次數(shù):

ionic ：

優(yōu)勢(shì)：

ios 和 android 基本上可以共用代碼，純web思維，開發(fā)速度快，簡(jiǎn)單方便，一次編碼，到處運(yùn)行，如果熟悉web開發(fā)，則開發(fā)難度較低。

文檔很全，系統(tǒng)級(jí)支持封裝較好，所有UI組件都是有html模擬，可以統(tǒng)一使用。

可實(shí)現(xiàn)在線更新允許加載動(dòng)態(tài)加載web js

文檔多，開發(fā)者多，視頻教程多容易學(xué)習(xí) 遇到問題容易解決技術(shù)成熟

劣勢(shì)：

占用內(nèi)存高一些（不過手機(jī)內(nèi)存都大了不影響），不適合做游戲類型app， web技術(shù)無法解決一切問題，對(duì)于比較耗性能的地方無法利用native的思維實(shí)現(xiàn)優(yōu)勢(shì)互補(bǔ)，如高體驗(yàn)的交互，動(dòng)畫等。

react-native ：

優(yōu)勢(shì)：

1、雖然不能做到一處編碼到處運(yùn)行，但是基本上即使是兩套代碼，也是相同的jsx語法，使用js進(jìn)行開發(fā)。用戶體驗(yàn)，高于html，開發(fā)效率較高 2、flexbox 布局據(jù)說比native的自適應(yīng)布局更加簡(jiǎn)單高效

可實(shí)現(xiàn)在線更新 2015.7.28 AppStore審核政策調(diào)整：允許運(yùn)行于JavascriptCore的動(dòng)態(tài)加載代碼

更貼近原生開發(fā)

劣勢(shì)：

1、（引）對(duì)開發(fā)人員要求較高，不是懂點(diǎn)web技術(shù)就行的，當(dāng)官方封裝的控件、api無法滿足需求時(shí) 就必然需要懂一些native的東西去擴(kuò)展，擴(kuò)展性仍然遠(yuǎn)遠(yuǎn)不如web，也遠(yuǎn)遠(yuǎn)不如直接寫Native code。

2、（引）官方說得很隱晦：learn once, write anywhere。人家可沒說run anywhere。事實(shí)上，從官方的api來看SliderIOS，SwitchIOS..等等這些控件，之后勢(shì)必會(huì)出現(xiàn)SliderAndroid，SwitchAndroid...，也就是很可能針對(duì)不同的平臺(tái)會(huì)需要寫多套代碼。

3、發(fā)展還不成熟，目前很多ui組件只有ios的實(shí)現(xiàn)，android的需要自己實(shí)現(xiàn)。

（引）從Native到Web，要做很多概念轉(zhuǎn)換，勢(shì)必造成雙方都要妥協(xié)。比如web要用一套CSS的閹割版，Native通過css-layout拿到最終樣式再轉(zhuǎn)換成native原生的表達(dá)方式（比如iOS的Constraint\origin\Center等屬性），再比如動(dòng)畫。另外，若Android和iOS都要做相同的封裝，概念轉(zhuǎn)換就更復(fù)雜 5、文檔還不夠完整學(xué)習(xí)曲線偏高

4.文檔少學(xué)習(xí)起來困難

native ：

優(yōu)勢(shì)：

最好的體驗(yàn)以及功能實(shí)現(xiàn)。

完善成熟的開發(fā)文檔以及demo。

劣勢(shì)：

android開發(fā)學(xué)習(xí)曲線較高。

各個(gè)平臺(tái)分開開發(fā) 很難有iOS,android雙平臺(tái)高手。

開發(fā)成本高

本文版權(quán)歸傳智播客UI培訓(xùn)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處。謝謝！
作者：傳智播客UI培訓(xùn)學(xué)院
首發(fā)：