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

10年積累的網(wǎng)站制作、成都做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有惠州免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

ionic簡(jiǎn)介：

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

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

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

主要特點(diǎn)：

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

2.輕量級(jí)框架

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

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

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

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

7.基于angular語(yǔ)法簡(jiǎn)單易學(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/

下面是幾個(gè)學(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/

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

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

下載地址：

文件名稱：Ionic移動(dòng)端app開(kāi)發(fā)案例

文件大?。阂?jiàn)文件適用版本：安卓 IOS

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

點(diǎn)擊下載