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作者信息：小月博客

点击下载