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

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

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

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

移動端有幾個參考呢？

一、jquery mobile

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

缺點是笨，性能很差！不是爲移動而生。

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

 

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

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

jQuery Mobile 使用 HTML5 & CSS3 最小的腳原本佈局網頁。

 

二、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 性能優越，運行速度快。

三、 onsen

新的框架，未獲得普遍普及，因此使用中出現問題能難解決，加上文檔不給力。

 

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