BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Ionic HTML5移动框架发布Alpha预览版

| 作者 Burke Holland 关注 0 他的粉丝 ,译者 孙镜涛 关注 2 他的粉丝 发布于 2013年12月31日. 估计阅读时间: 3 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例,例如像列表(lists)、标签页栏(tab bars)和触发开关(toggle switches)这样的简单条目。它还提供了更加复杂的可视化布局示例,例如在下面显示内容的滑出式菜单

Ionic宣称他们极度强调性能,并且通过限制DOM交互、完全移除jQuery以及使用像translate(z)这种特定的硬件加速的CSS滤镜触发移动设备上GPU——与由动力不足的移动浏览器提供的交互相比这种方式提供了硬件加速的交互——等方式使速度最大化。

专注于性能也意味着Ionic仅支持iOS6及更高版本和Android 4.1及更高版本。“在过去一年左右的时间里,设备更新换代的速度更快,但是HTML5框架依然非常保守”,Drifty(Ionic背后的公司)的CTO Max Lynch说。“对于Ionic,我们非常具有侵略性地做出了仅支持新设备的决定,同时会为触控手势、动画和本地样式的UI元素添加大量支持”。

AngularJS基础

该框架基于流行的来自于Google的AngularJS框架实现,Ionic利用AngularJS提供应用结构,而Ionic本身则关注用户界面。这意味着所有的视图、应用路由和控制器都是由AngularJS处理的。Ionic为它自己的组件提供了一组指令,因此开发者能够使用Angular创建自定义HTML元素的能力定义Ionic UI组件。例如,可以使用“list”指令创建一个带有惯性滚动条的Ionic移动列表。

<list>
<item ng-repeat="item in items" item="item"></item>
</list>

Ionic对触控、视图间动画、消毒HTML以实现安全输入和XHR调用的支持也依赖于Angular。

Ionic提到他们计划在将来支持其他的框架,例如EmberJS和Knockout

响应

对于该版本的响应包括与试图使用HTML5构建本地应用相关的常见争论,同时还有一些人对该框架不支持Android 4.1之前的版本表示担忧。用户ValentineC这样写道:

“虽然我同意支持iOS6及以上版本的决定,但是我相信Android平台的升级路线还不是很明确。我现在工作的这个项目就使用中国设计的手机,由于产品之间的差异,很多手机都使用了旧版本的Android。希望你们会重新考虑这个决定”。

可用性

当前版本的Ionic是一个Alpha版本。作为一个NPM类库你可以通过命令行安装它,它会使用Ionic种子为你生成需要的项目,项目内容包括使用Ionic和AngularJS构建一个应用所需要的所有内容:

  • sudo npm install –g ionic
  • ionic start myproject

Ionic是一个开源项目,它基于MIT许可提供。

查看英文原文:Ionic HTML5 Mobile Framework Alpha Preview

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT