移動開發框架：Ionic Framework

Ionic是Drifty繼Codiqa（基于 Web 的 jQuery Mobile構建工具）和Jetstrap（基 于 Web 的 推ter Bootstrap 構建工具）之后的第三個項目。是一個用HTML, CSS 跟JS 開發的一個用于移動設備Web App 開發框架，采用Sass與AngularJS 開發。通過它可以構建接近原生體驗的移動應用程序。Ionic 主要關注外觀和體驗，以及和你的應用程序的 UI 交互，特別適合用于基于 Hybird 模式的 HTML5 移動應用程序開發。

和jQuery Mobile不同的是Ionic只關注的是UI部分，類似的還有推ter Bootstrap, Foundation, Ratchet, Topcoat 等。可以看看官方對框架的解釋：Where does the Ionic Framework fit in?。熟悉Bootstrap的還可以試試基于Angularjs和Bootstrap 3的 Mobile Angular UI with Bootstrap 3。

Ionic采用Google的AngularJS作為其基礎，Ionic利用AngularJS提供應用結構，而Ionic本身則關注用戶界面。它 提供了很多Directive指令（使用JavaScript來實現語義化標簽，類似于jsp的taglib）實現豐富的UI控件、大量的常用icon （Icon Pack）、使用AngularUI Router模塊來記錄頁面路由、采用Hammer.js做多點觸控、通過AngularJS的擴展做UI交互、左右滑動菜單、下拉更新、自定義主題（核心CSS基于Sass）。

Ionic宣稱他們極度強調性能，并且通過限制DOM交互、完全移除jQuery以及使用像translate(z)這種特定的硬件加速的CSS濾 鏡觸發移動設備上GPU——與由動力不足的移動瀏覽器提供的交互相比這種方式提供了硬件加速的交互——等方式使速度最大化。專注于性能也意味著Ionic 僅支持iOS6及更高版本和Android 4.1及更高版本。 “對于Ionic，我們非常具有侵略性地做出了僅支持新設備的決定，同時會為觸控手勢、動畫和本地樣式的UI元素添加大量支持”。

Ionic不能完全取代PhoneGap和JavaScript框架的作用，它主要是幫助開發人員創建UI界面和互動。它在前端的交互設計功能十分強大。這個框架除了帶有SASS服務和各種各樣的AngularJS拓展（可選）之外，還有大量的組件。

需要注意的是：

• 目前還是Beta版
• 面向Hybrid App而不是Web App
• 只支持iOS 6+ / Android 4+

網站主頁：http://ionicframework.com/

源碼地址：https://github.com/driftyco/ionic/