移动开发框架:Ionic Framework

21 sec read

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/

打赏作者
微信支付标点符 wechat qrcode
支付宝标点符 alipay qrcode

C语言学习:size_t

在学习C语言的时候,遇到了一个新的数据类型size_t,截止目前也没有完全理清这个类似的具体场景及出现的原因。
44 sec read

C语言学习:main()函数的正确写法

C语言虽然是一门古老的语言,但是其标准一直在完善,所以很多以前支持的语法在到当前已经不能在使用了。 C语言的版
41 sec read

Scipy数学函数的Scala实现

最近在推进项目的时候,遇到需要将线下的Python代码转化成线上的集群代码,由于机器代码环境是Scala,所以
4 min read

发表评论

电子邮件地址不会被公开。 必填项已用*标注