關於移動App開發前端UI架構選擇

標籤：

問題：現在移動開發各種必須，而移動開發糾結在於怎樣快速高效的開發出來。

做web開發有些年頭了，成熟的前端套件（easyui，extjs，jqueryui）很是方便，可以開發出來規範一直的產品，各種組件也是很完整的，不用單獨找日期控制項或者驗證控制項等等。

畢竟不是做美工的，要知道做出來一直的產品是很重要的。現在後端技術無可厚非的成熟了，所有的開發都集中到了全端UI上面。

移動端有幾個參考呢？

1、jquery mobile

jquery核心的朋友上手很快的，畢竟是jquery的產品。

缺點是笨，效能不好！不是為移動而生。

教程：http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html

 

jQuery Mobile 是用於建立移動 Web 應用程式的前端開發架構。

jQuery Mobile 可以應用於智能手機與平板電腦。

jQuery Mobile 使用 HTML5 & CSS3 最小的指令碼來布局網頁。

 

2、ioinc（推薦，國外最推崇的）

js互動部分用的angularjs，可以完全和jquery說拜拜。和angular深度融合。

教程：http://www.runoob.com/ionic/ionic-tutorial.html

教程AngularJS：http://www.runoob.com/angularjs/angularjs-tutorial.html

 ionic是一個輕量的手機UI庫，具有速度快，介面現代化、美觀等特點。為瞭解決其他一些UI庫在手機上運行緩慢的問題，它直接放棄了IOS6和Android4.1以下的版本支援，來擷取更好的使用體驗。

• 1.ionic 基於Angular文法，簡單易學。
• 2.ionic 是一個輕量級架構。
• 3.ionic 完美的融合下一代移動架構，支援 Angularjs 的特性， MVC ，代碼易維護。
• 4.ionic 提供了漂亮的設計，通過 SASS 構建應用程式，它提供了很多 UI 組件來協助開發人員開發強大的應用。
• 5.ionic 專註原生，讓你看不出混合應用和原生的區別
• 6.ionic 提供了強大的命令列工具。
• 7.ionic 效能優越，運行速度快。

3、 onsen

新的架構，未得到廣泛普及，所以使用中出現問題能難解決，加上文檔不給力。

 

混合html開發範圍內，目前ioinc是最佳選擇。快速高效，和穩定都是首選。

 

關於移動App開發前端UI架構選擇