原标题:HTML5 7个最牛的HTML5移动开发框架

0.前言

本文引用地址:http://www.eepw.com.cn/article/201608/295975.htm你并不需要任何的原生应用编程经验,你只需要一些HTML、CSS和Java的知识。首先HTML5会越来越好,因为移动端的硬件也会越来越强,其实你手机上的很多应用已经悄悄的使用混合式开发了,这也许就是HTML5的魅力所在吧。

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

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

1.1 IONIC

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用Java 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,Java。整个库在压缩和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和Java标准。

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

1.7 PhoneGap

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

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

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

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

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

2 总结

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

责任编辑:

Android8.0 HTML5,HTML5 7个最牛的HTML5移动开发框架相关推荐

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

    0.前言 你并不需要任何的原生应用编程经验,你只需要一些HTML.CSS和JavaScript的知识.首先HTML5会越来越好,因为移动端的硬件也会越来越强,其实你手机上的很多应用已经悄悄的使用混合式 ...

  2. html5摒弃的标记,全新改进的HTML5表单创建

    经历了12年之久,万维网的核心语言(HTML或超文本标记语言)终于迎来了HTML5主要修订版本.虽然万众期待的版本仍处于测试阶段并且没有宣布正式推出的日期,HTML5的网页设计师和程序员已经就有关最新 ...

  3. html5表单新增的输入类型,HTML5之表单新增类型介绍

    1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...

  4. html5 多页面共享数据库,可以跨页面使用HTML5 Web SQL数据库吗?(Can HTML5 Web SQL databases be used across pages?)...

    可以跨页面使用HTML5 Web SQL数据库吗?(Can HTML5 Web SQL databases be used across pages?) 这可能是一个非常简单的问题,请原谅我的无知,但 ...

  5. 【Day05】Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5?

    Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5? 一.Html5 新特性 1. 拖拽释放(Drag and drop)API 2. 语义化更 ...

  6. html5新加入的内容,10个html5增加的重要新特性和内容

    文章开篇之前我们先了解一下什么是 html5,百度上是这样定义 html5 的:万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改. 其实说白了 html5 也就 ...

  7. html5的新特性都有什么,html5的新特性

    Web2.0带来的丰厚互联网技能让所有人都享用到了技能发展和体会前进的趣味.作为下一代互联网规范,HTML5天然也是备受等待和注目,技能人员.设计者.互联网爱好者们都在热议HTML5终究能带来啥.那么 ...

  8. html div画圆有什么用,圆形div栏,用于评级html5 js(Circle div bar for rating html5 js)

    圆形div栏,用于评级html5 js(Circle div bar for rating html5 js) 嗨我在我的页面中使用了一个条形评级系统,它通过一个非常简单的PHP代码按百分比显示use ...

  9. html5作品分析报告,性能报告之HTML5 性能测试报告

    引言 1.1. 编写目的 HTML5 作为当前"最火"的跨平台.跨终端(硬件)开发语言,越来越受到前端开发者 的重视,无论是 PC 端还是当前"火热"的移动端, ...

最新文章

  1. 网络搜索,抵制日货的新方法
  2. iOS用户设计指南-特别说明
  3. Spring常见面试题(13个面试题,回答超详细)
  4. dos命令操作mysql数据库的常用语句
  5. java SWT Browser实现浏览器功能并运行JavaScript代码
  6. 【ArcGIS遇上Python】窗体版Python批量处理地理数据--栅格裁剪
  7. 一步一步写算法(之循环和递归)
  8. 凭什么相信你,我的CNN模型
  9. appium连接真机时,报错:error: device unauthorized.
  10. 企业应用打包的时候 修改ipa包的bundle identifier
  11. 中兴新支点国产操作系统下载安装WPS办公软件,好用无广告
  12. 差异表达基因变化倍数_差异基因表达分析,如何寻找差异表达的基因?
  13. 【前端面试题】数据类型-js
  14. 工作到现在的一些感想
  15. 计算机启动黑屏时间很长,电脑开机黑屏时间长怎么办?[多图]
  16. 互联网时代成功创业故事
  17. EventRecorder 使用注意事项
  18. 百度seo指南_白杨SEO:如何让网页被百度收录以及提高它的排序?
  19. selenium通过cookie跳过登录验证码实现登录
  20. (附源码)springboot物联网智能管理平台 毕业设计 211120

热门文章

  1. MUR60120PT-ASEMI大功率高耐压二极管
  2. BOM出库,原来这么快
  3. Windows软件之步骤记录器
  4. Google Earth Engine ——MOD13A1 /A2V6产品在每个像素的基础上提供植被指数(VI)值(NDVI和EVI)
  5. 大数据应用技术课程教学改革与实践
  6. MySQL PHP操作数据库
  7. android apk反编译(获取源码,资源文件等)
  8. STM32兴趣篇二:模拟汽车OBD接口处的CAN收发信号实验
  9. html插入图标img i png
  10. npcap loopback adapter是什么意思_阜阳为什么叫阜阳,阜阳古时候叫什么,阜阳历史的由来...