Ionic 讓你一見鐘情的移動App開發(fā)框架

接觸 Ionic 要從14年開始說起了，因產(chǎn)品需求接觸了 Angular 非常棒的一款框架，雙向數(shù)據(jù)綁定，可以自定義指令，過濾器等等?？傊浅：糜猛耆隽宋覀児δ苄枨?。之后我們在做微信公眾號的時候我們依舊采用 Angular ，但是在要寫完的時候突然發(fā)現(xiàn) Angular 在移動端的應(yīng)用并不是像pc端那樣流暢，在頁面切換以及頁面滾動的時候都非常卡頓，說實話真心的拿不出手的產(chǎn)品啊。

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

ionic簡介：

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

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

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

主要特點(diǎn)：

1.Ionic為性能而生-追求性能 運(yùn)行速度快

2.輕量級框架

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

4.漂亮的設(shè)計讓你立馬愛上它，通過 SASS 構(gòu)建應(yīng)用程序，它提供了很多 UI 組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。

5.Ionic讓你看不出混合應(yīng)用和原生的區(qū)別-專注原生

6.強(qiáng)大的命令行工具

7.基于angular語法簡單易學(xué)

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圖標(biāo)： http://ionicons.com/

下面是幾個學(xué)習(xí)ionic的網(wǎng)站，大家可以學(xué)習(xí)一下

Ionic官網(wǎng)：http://ionicframework.com/

Ionic官網(wǎng)（for墻內(nèi)朋友）：http://ionichina.cn/docs/

Ionic 中文社區(qū)：http://ionichina.com/

Ionic中文網(wǎng) ：http://www.ionic.wang/

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

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

下載地址：

文件名稱：Ionic移動端app開發(fā)案例

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

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

點(diǎn)擊下載