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

0.前言

你并不需要任何的原生应用编程经验，你只需要一些HTML、CSS和JavaScript的知识。首先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, 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。

1.3 Intel XDK

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

1.4 AppceleratorTitanium

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

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

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

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

1.5 Sencha Touch

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

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

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

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

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

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

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

1.6 Kendo UI

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

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

1.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的学习。

2 总结

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

HTML5——7个最牛的HTML5移动开发框架相关推荐

Android8.0 HTML5,HTML5 7个最牛的HTML5移动开发框架
原标题:HTML5 7个最牛的HTML5移动开发框架 0.前言本文引用地址:http://www.eepw.com.cn/article/201608/295975.htm你并不需要任何的原生应用编 ...
html5语义化标签加粗,html5标签 H5标签
html> h5文本元素 1.文本元素 2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~ 7.强调倾斜元素 em 8.删除线2 ...
Html5的页面基本结构标签,HTML5：简介和文档基本结构
1)HTML5:http://www.w3.org/TR/html5/ HTML5简介 HTML5实际上是一系列用来制作现代富Web内容的相关技术的总称,其中最重要的三项技术是HTML5核心规范.CS ...
html5中有哪些新属性,整理HTML5中表单的常用属性及新属性
HTML5 新的表单属性HTML5 的和标签添加了几个新属性.新属性: autocomplete novalidate 新属性: autocomplete autofocus form forma ...
html5 将资源存于客户端,HTML5离线应用与客户端存储的实现
html5几种在客户端存储数据的实例详解 LocalStorage LocalStorage用于持久化的本地存储,存储资料在客户端(client)的浏览器上,除非主动删除数据,否则数据是永远不会过期 ...
前端 html5 css3 框架,UI,分享,CSS3,HTML5,前端框架
随着HTML5和CSS3以及网页设计布局的全面翻新创新改革.让很多网页设计者和界面设计师都知道一个道理.就是去掌握一套对应的工具包.这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果.界面 ...
ps4看b站 f怎么调html5,b站html5,b站怎么切换到HTML5版播放器？
b站怎么切换到HTML5版播放器? 目前来说B站只能使用HTML5播放器,因为FIASH已经停止维护,所以现在不需要设置,只能使用HTML5播放器 b站怎么做切换到html5视频播放器 1. 在网页上 ...
不属于html5表单元素的是,HTML5 表单元素
HTML5 新的表单元素 HTML5有以下新的表单元素
php识别html5,CSS_在IE6/7/8下识别html5标签(让老式浏览器识别html5)，识别html5标签： html5添加了许 - phpStudy...
在IE6/7/8下识别html5标签(让老式浏览器识别html5) 识别html5标签: html5添加了许多语义化的标签,比如,,什么的,当时看到这些标签的时候心想html5估计很多老式IE浏览器都 ...

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

HTML5——7个最牛的HTML5移动开发框架相关推荐

最新文章

热门文章