移动开发框架:Ionic Framework

标签: 程序设计 移动互联网 | 发表时间:2014-05-12 19:20 | 作者:标点符
出处:http://www.biaodianfu.com

Ionic是 DriftyCodiqa(基于 Web 的 jQuery Mobile构建工具)和 Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目。是一个用HTML, CSS 跟JS 开发的一个用于移动设备Web App 开发框架,采用Sass与AngularJS 开发。通过它可以构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

和jQuery Mobile不同的是Ionic只关注的是UI部分,类似的还有Twitter Bootstrap, Foundation, Ratchet, Topcoat 等。可以看看官方对框架的解释: Where does the Ionic Framework fit in?。熟悉Bootstrap的还可以试试基于Angularjs和Bootstrap 3的  Mobile Angular UI with Bootstrap 3

ionic

Ionic采用Google的AngularJS作为其基础,Ionic利用AngularJS提供应用结构,而Ionic本身则关注用户界面。它提供了很多Directive指令(使用JavaScript来实现语义化标签,类似于jsp的taglib)实现丰富的UI控件、大量的常用icon ( Icon Pack)、使用AngularUI Router模块来记录页面路由、采用Hammer.js做多点触控、通过AngularJS的扩展做UI交互、左右滑动菜单、下拉更新、自定义主题(核心CSS基于Sass)。

Ionic宣称他们极度强调性能,并且通过限制DOM交互、完全移除jQuery以及使用像translate(z)这种特定的硬件加速的CSS滤镜触发移动设备上GPU——与由动力不足的移动浏览器提供的交互相比这种方式提供了硬件加速的交互——等方式使速度最大化。专注于性能也意味着Ionic仅支持iOS6及更高版本和Android 4.1及更高版本。 “对于Ionic,我们非常具有侵略性地做出了仅支持新设备的决定,同时会为触控手势、动画和本地样式的UI元素添加大量支持”。

Ionic不能完全取代PhoneGap和JavaScript框架的作用,它主要是帮助开发人员创建UI界面和互动。它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的AngularJS拓展(可选)之外,还有大量的组件。

需要注意的是:

  • 目前还是Beta版
  • 面向Hybrid App而不是Web App
  • 只支持iOS 6+ / Android 4+

网站主页: http://ionicframework.com/

源码地址: https://github.com/driftyco/ionic/

相关 [移动 开发 框架] 推荐:

移动开发框架:Ionic Framework

- - 标点符
Ionic是 Drifty继 Codiqa(基于 Web 的 jQuery Mobile构建工具)和 Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目. 是一个用HTML, CSS 跟JS 开发的一个用于移动设备Web App 开发框架,采用Sass与AngularJS 开发.

Moobile:基于 MooTools 框架实现的移动 WebApp 开发框架

- - 我爱水煮鱼
Moobile 是一个基于 MooTools 框架实现的移动 WebApp 开发框架,目前它主要在 iOS 设备的浏览器上实现原生应用的体验. Moobile 实现了很多类似 iOS 原生的控件,比如:工具栏,按钮,图片,列表,激活状态,幻灯片等等,它还实现了淡入淡出,幻灯片滑动,立体翻转等效果,还能显示类似原生的警告框.

10个优秀的移动Web应用开发框架

- 幻幽 or A書 - 伯乐在线 -博客
  在最近几年里,移动互联网高速发展、市场潜力巨大. 继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现. 今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用.   Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序.

10个最好的移动Web应用开发框架

- Yangan - Creative奥涛的博客_Creative奥涛的博客
在最近几年里,移动互联网高速发展、市场潜力巨大. 继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现. 今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用. Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序.

10个顶级Web移动开发JavaScript框架

- Amo - HTML5研究小组
这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站. jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面. jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.

轻量级的移动 Web 应用开发框架:Sidetap

- - 我爱水煮鱼
Sidetap 是一个简洁轻量级的移动 Web 应用开发框架,它专注于提供类似于 Path 或者 Sparrow 这样的侧导航形式的 UI 体验. 轻量级:缩减压缩后只有2KB. 方便配置,让你立刻开始开发应用. 依赖jQuery(1.7.2)或者zepto.js. 创建 HTML 架构,参考: skeleton.html.

面向移动设备的HTML5开发框架梳理

- - 标点符
很久以前整理了篇将 手机网站做成手机应用的JS框架. 时隔一年多,很多新的技术已经出现,下面再来总结下还有哪些框架是适合面向手机设备的开发的. jQuery Mobile 是 jQuery 在手机上和平板设备上的版本. jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.

HTML5来了,7个混合式移动开发框架

- - SegmentFault 最新的文章
在这个时间开始学习移动开发真是最好不过了,每个人应该都有一些移动应用的创意,而且你并不需要任何的原生应用编程经验,你只需要一些HTML的相关知识,懂一些CSS和JavaScript就够了. 如果你总听别人说HTML5的移动应用太慢,我只能告诉你应该有一些主见,首先HTML5会越来越好,移动端的硬件也会越来越强,怎么说呢,你仔细看一看你手机上的应用吧,很多应用已经悄悄的使用混合式开发了,如果像你说的它们很慢,你发现它们了吗.

Web移动开发框架 WebBuilder Touch 6.5 发布

- - 开源中国社区最新新闻
WebBuilder是一款开源的可视化Web应用开发和运行平台. 基于浏览器的集成开发环境,采用可视化的设计模式,支持控件的拖拽操作,能轻松完成前后台应用开发;高效、稳定和可扩展的特点,适合复杂企业级应用的运行;跨平台、数据库和浏览器的架构,适应复杂的服务器和客户端环境;包括智能数据库访问在内的多项先进技术,使应用系统的开发更快捷和简单.

iUI:移动Web应用开发必备的开源框架

- - ITeye资讯频道
iUI这一老牌移动Web应用开发框架对于大多数开发者而言,并不陌生. 但是,它之所以能够“活到”现在,而且还“活”得好好的,就说明它有着过人之处. 虽说起初iUI的设计是为了,建立有着iPhone SDK构建的本机应用程序那样的外观和感觉的应用程序,但用它建立的Web应用几乎可以支持所有的智能手机及平板电脑.