h5移动端主流框架

  • 时间:
  • 浏览:970
  • 来源:成都艾邦软件开发

AUI 2.0是一套全新的AUI框架在1.X基础上进行了重新架构。结合实际项目出发站在开发者和项目的角度重新定义AUI框架。在2.0中使用了大量弹性响应式布局采用容器布局结构控件的嵌套形式方便开发者快速布局样式。我们充分吸取了AUI使用者的反馈意见和借鉴了市场上其他优秀UI框架完成了2.0版本的开发。2.0遵循Google Material 设计规范使用MIT开源协议。

在2.0中全局使用rem控制尺寸完美适应不同分辨率移动设备新加入的主题样式表方便开发者自定义基础颜色样式完成APP主题的定制。完美兼容IOS 5.1 到Android 4.2。




简单易用轻量快捷为移动端服务的前端框架

Frozen UI





最接近原生APP体验的高性能前端框架

MUI



MUI




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

目前已经有很多的框架可以帮助你开发跨平台的移动应用在这篇文章中我们只介绍最牛的7个。

IONIC

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发相信IONIC一定会取得不错的成就 。

IONIC的开发团队将尽快开发出一种通过IONIC creator提供开发者快速创建IONIC应用的方式。我们将很快就会看到一个支持拖拉功能的可视化开发工具几分钟内开发一个app将不再只是吹xx。

如果对IONIC感兴趣可以看一看本站的IONIC教程 。

Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

Mobile Angular UI的关键字有

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件比如switches, overlays和sidebars这些都是bootstrap中没有的。

AngularJS modules 比如 angular-route, angular-touch 和 angular-animate

响应式媒体查询是将bootstrap作为单独的文件你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖你需要做的只是通过一些AngularJS指令创建友好的用户体验。

详细了解可以看一看 the Mobile Angular UI demo page上面有Mobile Angular UI的实践如果你想了解的更深入一些我建议你读一读 getting started with Mobile Angular UI。

Intel XDK

Intel XDK 是Inter开发的一款跨平台开发工具我们可以很容易的通过Intel XDK开发应用你需要做的只是下载他们的应用开发工具 有Linux、Windows和Mac版它还提供了很多个开发框架比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

相关的APP frameworks的开发使用教程移动开发实战App frameworks开发支持移动设备全屏滚动应用

在之前我写过关于Intel XDK很详细的教程没有看过的同学可以看一看

通过Intel XDK编写跨平台app(一)

通过Intel XDK编写跨平台app(二)

Appcelerator Titanium

Appcelerator’s Titanium 不同于其它框架的是它是一个开源的框架。

Titanium是混合式移动应用开发的一站式解决方案你只需要下载 Titanium studio就可以解决所有的事情Titanium SDK包含了很多手机平台的APIs和后端云服务。

Titanium使用 AlloyAlloy是一个快速开发的手机应用MVC框架 模块式开发可以大大减小开发时间提高代码复用。

Titanium studio 还提供了一些code模板。你可以熟悉一下这些模板相关的教程也很快会推出。

Sencha Touch

Sencha Touch 同样也是HTML5手机应用跨平台开发框架运行iOS/Android/Blackberry。它已经诞生很多年了现在已经成为很常用的混合式编程开发框架。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理全部基于最新的HTML5和CSS3的 WEB标准全面兼容Android和Apple iOS设备。

下面是Sencha官方给出的几点特性

基于最新的WEB标准 – HTML5CSS3JavaScript。整个库在压缩和gzip后大约80KB通过禁用一些组件还会使它更小。

支持世界上最好的设备。Beta版兼容Android和iOSAndroid上的开发人员还可以使用一些专为Android定制的主题。

增强的触摸事件。在touchstart、touchend等标准事件基础上增加了一组自定义事件数据集成如tap、swipe、pinch、rotate等。

数据集成。提供了强大的数据包通过Ajax、JSONp、YQL等方式绑定到组件模板写入本地离线存储。

Kendo UI

Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切包括强大的数据源通用的拖拉(Drag-and-Drop)功能模板和UI控件。

PhoneGap

PhoneGap 恐怕是最老的一个框架了相信很多人都已经听说过甚至使用过它但是PhoneGap是基于开源的 Cordova 商业版本。

第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。创建它的一个主要动力是基于一个几乎每一个单独的iPhone开发新手都要面对的简单事实Objective-C是一个对Web开发人员来说非常陌生的环境并且Web开发人员的数量远远多于Objective-C开发人员的数量。

问题是是否有人可以开发一个框架让Web开发人员可以利用他们所有的HTML、CSS和JavaScript知识而且仍旧可以同iPhone的重要本地应用程序(如摄像头和通讯录)交互呢?

就在那一年PhoneGap获了奖并开始支持Android平台对人数不断增长的移动开发人员变得越来越有用这些人员需要在更多的平台上获得代码支持。

大家可以到PhoneGap documentation官方文档开始对PhoneGap的学习。

结论

在这篇文章中我们讨论了一些HTML5的移动开发框架HTML5正式发布之后很多开发者对HTML5又重燃了希望相信这是个美好的时代相信它会给我们带来更多的惊喜。