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

公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站制作、做網(wǎng)站、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶(hù)真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶(hù)帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出南潯免費(fèi)做網(wǎng)站回饋大家。

我們老大最后還是很厲害的果斷的選擇了 ionic這款框架，當(dāng)時(shí)我很不情愿畢竟這個(gè)項(xiàng)目我都寫(xiě)了90%了ionic我卻一點(diǎn)都沒(méi)有接觸過(guò)。不過(guò)當(dāng)我看到用ionic寫(xiě)的案例時(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)稱(chēng) Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移動(dòng)端解決方案可以幫助您使用 Web 技術(shù)，比如 HTML、 CSS 和Javascript 構(gòu)建接近原生體驗(yàn)的移動(dòng)應(yīng)用程序。 Ionic 主要關(guān)注外觀(guān)和體驗(yàn)，以及和你的應(yīng)用程序的 UI 交互，特別適合用于基于 Hybird 模式的 HTML5 移動(dòng)應(yīng)用程序開(kāi)發(fā)。
Ionic 是一個(gè)輕量的手機(jī) UI 庫(kù)，具有速度快，界面現(xiàn)代化、美觀(guā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è)專(zhuān)注于用WEB開(kāi)發(fā)技術(shù)，基于HTML5創(chuàng)建類(lèi)似于手機(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ū)別-專(zhuān)注原生

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，有興趣的小伙伴可以下載哦！

下載地址：

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

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

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

點(diǎn)擊下載

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前名稱(chēng)：Ionic讓你一見(jiàn)鐘情的移動(dòng)App開(kāi)發(fā)框架-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源：http://weahome.cn/article/diihhh.html