7个HTML5移动开发框架,初学HTML5必看

Posted 程序员的小傲娇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了7个HTML5移动开发框架,初学HTML5必看相关的知识,希望对你有一定的参考价值。

1、IONIC

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

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

2、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。

3、Intel XDK

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

4、AppceleratorTitanium

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

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

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

Titanium studio 还提供了一些code模板。

5、 Sencha Touch

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

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

6、Kendo UI

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

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

7、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技术知识!

本文来自千锋教育,转载请注明出处。

以上是关于7个HTML5移动开发框架,初学HTML5必看的主要内容,如果未能解决你的问题,请参考以下文章

你常用哪个,HTML5开发常见的7个框架

Html5开发常见的7个框架

HTML5开发常见的7个框架,你知道几个?

html5 移动开源框架都有哪些

web前端人员不可不知的7个常见HTML5开发框架

初学者如何迅速学习web前端开发?