随着互联网技术的发展HTML5越来越好,移动端的硬件也会越来越强,你仔细看一看你手机上的应用,很多应用已经悄悄的使用混合式开发了。有人说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使用 Alloy,Alloy是一个快速开发的手机应用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标准 – HTML5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。

支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为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的学习。

在本篇文章中,我们分享了7个HTML5移动开发框架,并简单的进行了介绍,相信很多人对HTML5开发产生了很浓厚的兴趣,那么不妨试试以上这几款开发框架吧,希望能帮助到你。

相关推荐:

php html5 框架,几个很好用的HTML5移动开发框架相关推荐

  1. 十个最火的HTML5框架与移动应用框架的比较

    四种常用HTML5移动应用框架 对于Mobile Web来说,现在是快速成长时代.由于采用了HTML5和CSS3技术,移动浏览器的性能加强了许多,同时,移动app的框架也扩展了,这意味着为移动设备创建 ...

  2. 第二讲 html5框架+Crosswalk打包app 以及 Angularjs 基础(初步认识了解Angularjs)

    第二讲 html5框架+Crosswalk打包app 以及 Angularjs 基 础(初步认识了解Angularjs) 学习要点: 1. html5框架+Crosswalk打包app 2. 什么是a ...

  3. 第二讲 html5 框架+Crosswalk 打包 app 以及 Angularjs 基础

     第二讲 html5框架+Crosswalk 打包 app 以及 Angularjs 基础(初步认识了解 Angularjs)   学习要点: 1. html5 框架+Crosswalk 打包 a ...

  4. html5 2015,2015年有用的16大免费的响应式HTML5框架

    Twitter Bootstrap Bootstrap是全世界最流行的html5框架之一.Twitter Bootstrap是光滑的.直观和强大的前端web开发框架,令开发更加快捷.容易.它拥有用于开 ...

  5. 基于Vue的Quasar Framework 介绍 这个框架UI组件很全面

    基于Vue的Quasar Framework 介绍 这个框架UI组件很全面 基于Vue的Quasar Framework 中文网 http://www.quasarchs.com/ quasarfra ...

  6. 移动端HTML5框架

    一:移动端HTML5框架 http://jquerymobile.com/jQuery Mobile http://jqtjs.com/jQTouch http://www.sencha.com/pr ...

  7. python mvc框架_MVC其实很简单(Django框架)

    Django框架MVC其实很简单 让我们来研究一个简单的例子,通过该实例,你可以分辨出,通过Web框架来实现的功能与之前的方式有何不同. 下面就是通过使用Django来完成以上功能的例子: 首先,我们 ...

  8. 响应式html5框架,15个最好的HTML5前端响应式框架(2014)

    注1* 之前我们比较过Foundation和Bootstrap, 这篇文章更加系统地介绍了目前比较浏览的前端响应式框架. 注2* 文中的多个框架基于SASS创建,SCSS是一种比LESS更简洁的样式表 ...

  9. 10个超赞的HTML5框架加快Web开发

    为了加快开发进程和实现一些高级功能,Web开发人员常求助于框架.本文,我们将介绍一些流行的HTML5框架,可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分,还等什么 ...

最新文章

  1. 大逃杀计算机内存不足,绝地求生大逃杀内存不足怎么办 内存优化教程
  2. jquery_pagination分页插件的使用
  3. linux命令使用示例:查看某目录属于哪个分区
  4. Linux知识积累(8)卸载安装jdk
  5. Maven+Spring+CXF+Tomcat7 简单例子实现webservice
  6. java8 多行字符串_Java8(2):Java8 对字符串连接的改进
  7. 怎么样得到平台相关的换行符?
  8. java面试题之hashCode与equals()方法
  9. 《迅雷链精品课》第九课:区块链 P2P 网络
  10. 数学建模,一位负责编程的小白拿国奖的学习路程。
  11. 国内人工智能行业发展现状
  12. 温度传感器MLX90614的STM32驱动实现
  13. 赛车!赛车!Wipe out everything!
  14. JDK类库创建一张简单图片
  15. disallow: /api.php,dz论坛如何禁止搜索引擎抓取任何内容?
  16. 不让玩游戏的小娃娃随机考试系统
  17. 耐人思考的“30秒法则”
  18. RocketMQ架构原理解析(一):整体架构
  19. 语音识别服务_语音识别服务厂商_腾讯云语音识别服务 - 云+社区 - 腾讯云
  20. 2023重庆邮电大学计算机考研信息汇总

热门文章

  1. RISC-V SiFive U54内核——中断和异常详解
  2. python模拟蚂蚁森林能量产生过程代码_用Python实现定时自动化收取蚂蚁森林能量,再也不用担心忘记收取了...
  3. Java创建二维三维数组的几种方式
  4. 张小龙在2017微信公开课PRO版讲了什么(附演讲实录和2016微信数据报告)
  5. IE浏览器通过JS提交表单时报错拒绝访问
  6. 知识付费领域市场格局与投资观察
  7. AlexNet实现花卉识别
  8. 拥有一套如何让客户购买的方法?
  9. cypher语法 | Neo4j cypher增删查改
  10. Matlab进行gnss用户坐标计算,论文推荐 | 嵇昆浦,沈云中:含缺值GNSS基准站坐标序列的非插值小波分析与信号提取...