Ionic 讓你一見鐘情的移動App開發框架

接觸 Ionic 要從14年開始說起了，因產品需求接觸了 Angular 非常棒的一款框架，雙向數據綁定，可以自定義指令，過濾器等等。總之非常好用完全超出了我們功能需求。之后我們在做微信公眾號的時候我們依舊采用 Angular ，但是在要寫完的時候突然發現 Angular 在移動端的應用并不是像pc端那樣流暢，在頁面切換以及頁面滾動的時候都非常卡頓，說實話真心的拿不出手的產品啊。

我們老大最后還是很厲害的果斷的選擇了 ionic 這款框架，當時我很不情愿畢竟這個項目我都寫了90%了ionic我卻一點都沒有接觸過。不過當我看到用ionic寫的案例時真的是一見鐘情啊，有種相見恨晚的感覺。真的是超級流暢超級好用的一款框架。再次特別的要感謝我們老大的悉心指導。
接下來讓我們認識一下Ionic為性能而生移動App開發框架吧。

ionic簡介：

Ionic 是一個強大的 HTML5 應用程序開發框架，號稱 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移動端解決方案可以幫助您使用 Web 技術，比如 HTML、 CSS 和Javascript 構建接近原生體驗的移動應用程序。 Ionic 主要關注外觀和體驗，以及和你的應用程序的 UI 交互，特別適合用于基于 Hybird 模式的 HTML5 移動應用程序開發。
Ionic 是一個輕量的手機 UI 庫，具有速度快，界面現代化、美觀等特點。為了解決其他一些UI 庫在手機上運行緩慢的問題。

利用你喜歡的(html css js) web技術創建跨平臺的移動app

IONIC 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。Ionic是一個專注于用WEB開發技術，基于HTML5創建類似于手機平臺原生應用的一個開發框架。Ionic框架的目的是從web的角度開發手機應用，基于PhoneGap的編譯平臺，可以實現編譯成各個平臺的應用程序。

主要特點：

1.Ionic為性能而生-追求性能 運行速度快

2.輕量級框架

3.Ionic完美的融合下一代移動框架 AngularJS  基于 Angularjs，支持 Angularjs的特性， MVC ，代碼易維護

4.漂亮的設計讓你立馬愛上它，通過 SASS 構建應用程序，它提供了很多 UI 組件來幫助開發者開發強大的應用。

5.Ionic讓你看不出混合應用和原生的區別-專注原生

6.強大的命令行工具

7.基于angular語法簡單易學

IONIC教程：

ionic CSS 文檔：

http://www.ionic.wang/css_doc-index.html（中）

http://ionichina.cn/docs/components/ （英）

ionic JS文檔：

http://www.ionic.wang/js_doc-index.html （中）

http://ionichina.cn/docs/api/（英）

ionic圖標： http://ionicons.com/

下面是幾個學習ionic的網站，大家可以學習一下

Ionic官網：http://ionicframework.com/

Ionic官網（for墻內朋友）：http://ionichina.cn/docs/

Ionic 中文社區：http://ionichina.com/

Ionic中文網 ：http://www.ionic.wang/

下一期小月會教大家如何去學習使用ionic這個輕巧靈活的框架。教大家如何使用這個框架搭建一個簡單的應用，也會給大家講講我在使用過程中犯下的錯誤。敬請期待吧！(前提是你一定要有Angular的基礎哦！)沒有基礎的可以在網站上面看看Angular的基礎教程。祝大家學習愉快！

下面給大家看一個簡單的小案例，是基于ionic的一個基礎demo，有興趣的小伙伴可以下載哦！

下載地址：

文件名稱：Ionic移動端app開發案例

文件大小：見文件適用版本：安卓 IOS

更新日期：2016/2/15作者信息：小月博客

點擊下載