HTML5——7个最牛的HTML5移动开发框架

摘要:
基于最新的HTML5、CSS3和JavaScript标准。2结语在本文中,我们讨论了HTML5的一些移动开发框架。在HTML5正式发布后,许多开发人员重新燃起了对HTML5的希望。我相信这是一个美好的时代,它将给我们带来更多惊喜。

0.前言

你并不需要任何的原生应用编程经验,你只需要一些HTMLCSSJavaScript的知识。首先HTML5会越来越好,因为移动端的硬件也会越来越强,其实你手机上的很多应用已经悄悄的使用混合式开发了,这也许就是HTML5的魅力所在吧。

 

1.开发跨平台的移动应用

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


1.1 IONIC

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

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


1.2 Mobile Angular UI

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

Mobile Angular UI的关键字有:

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件,比如switches, overlayssidebars,这些都是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


1.3 Intel XDK

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


1.4 AppceleratorTitanium

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

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

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

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


1.5 Sencha Touch

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

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

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

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

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

增强的触摸事件。在touchstarttouchend等标准事件基础上,增加了一组自定义事件数据集成,如tapswipepinchrotate等。

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


1.6 Kendo UI

Teleriks Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5CSS3JavaScript标准。

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


1.7 PhoneGap

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

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

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

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

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


2 总结

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


HTML5——7个最牛的HTML5移动开发框架第1张

免责声明:文章转载自《HTML5——7个最牛的HTML5移动开发框架》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇qcow2镜像制作AutoCAD2007与Office2007冲突下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

单机c/s软件如何让老板在异地看销售营业报表

单机软件,让人的感觉就只能在本地使用。 单机版c/s软件,数据存放在本机上,老板想要查看销售报表的话,需要跑到公司的那台电脑上才能查看,这对于在外面四处跑业务的老板来说,基本上是不可能做到的。但每天的销售营业数据又是老板非看不可的。如何解决这个矛盾问题呢?单机版c/s软件能否可以让老板在异地查看营业报表? 答案是肯定的。方法很简单,写一个程序将报表数据导出...

开启9008端口进入深刷模式

除了前文所述,使用深刷线,还可以用命令开启9008端口,进入深刷模式。 adb reboot edl fastboot oem edl 这个在小米4c上测试ok 下面这个可能用于其他手机。 fastboot reboot emergency  ==================================== http://www.znsjw.net...

关于浏览器对html, js,css的解析先后顺序的理解

1.首先要了解页面的结构(包含哪些元素?哪些计算机语言能够在页面中运行 ) (1)html          不仅可以包含文字,还可以包含图片、链接,甚至音乐、程序等非文字元素的标记语言          (展示给用户,不能太单调,css) (2)css          是一种用来表现HTML的计算机语言,能使HTML页面变得更加美观        ...

AngularJS中的表单验证

AngularJS中的表单验证 AngularJS自带了很多验证,什么必填,最大长度,最小长度...,这里记录几个有用的正则式验证 Note that novalidate is used to disable browser's native form validation. 用来禁用H5的原生验证. 1.使用angularjs的表单验证 正则式验证 只...

树莓派系统烧录和备份,访问与摄像头接入

每个人各自写出 对树莓派的认识 树莓派其实之前只是听过 但确实不没有见过甚至操作过,只是觉得很高大尚 树莓派的用途 树莓派又称卡片式电脑,外形只有信用卡大小,却具有电脑的所有基本功能,这就是Raspberry Pi电脑板。以SD/MicroSD卡为内存硬盘,卡片主板周围有1/2/4个USB接口和一个10/100 以太网接口(A型没有网口),可连接键盘、鼠标...

mac os安装基本的install环境,命令行安装软件

以下摘自:homebrew官网。 在 OS X 中找不到您想要的软件?Homebrew 给你所需。 首先需要安装一个很多人都在用的包:homebrew 安装 Homebrew 开 Terminal, 复制并粘贴以下指令。 ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/in...