当前位置: 传客网 > 推荐几个html5移动开发框架可以帮助你开发跨平台的移动应用

推荐几个html5移动开发框架可以帮助你开发跨平台的移动应用

2017-01-09 作者:天大的缘分

  学习移动开发对于当今时代真是最好不过了,每个人应该都有一些移动应用的创意,而且你并不需要任何的原生应用编程经验,你只需要一些HTML的相关知识,懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢,我只能告诉你应该有一些主见,首先HTML5会越来越好,移动端的硬件也会越来越强,怎么说呢,你仔细看一看你手机上的应用吧,很多应用已经悄悄的使用混合式开发了,如果像你说的它们很慢,你发现它们了吗?

  目前已经有很多的框架可以帮助你开发跨平台的移动应用,以下我们介绍最热的7个。

  IONIC

  IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发,相信IONIC一定会取得不错的成就 。课工场在线教育平台对于教授html5,很有心得,上面的html5视频教程也很不错,应该可以帮助到你。

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

  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开发支持移动设备全屏滚动应用

  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包含了开发现代功能,模板,和UI控件。

  PhoneGap

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

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

  问题是,是否有人可以开发一个框架,让Web开发人员可以利用他们所有的HTML、CSS和交互呢?

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

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

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



相关推荐

  • 移动跨平台应用开发技术综述

    1.背景目前市场上主流的移动操作系统,包括iOS,Android,webOS,Symbian,BlackBerry等。如果没有统一的操作系统,开发程序就是一件异常麻烦的事情。因为每一种手机平台都有自己的SDK,它们需要使用不同语言来进行开发

  • 跨平台应用开发简述

    跨平台应用开发简述bycada2007.08.02引言最近参与到windows应用到linux应用移植工作中,结合自己已有经验和查阅相关资料后,特别针对跨平台应用程序的开发(不涉及移植话题--例如采用虚拟OS或模拟API等方式进行整体二进制

  • Windows Phone平台跨平台应用近八成

    湖北指数武汉PHP实训来自Winsource的研究表明,在WindowsPhone平台上,最受欢迎的前100款应用,无论付费还是免费,有76%的应用是跨平台的,在iOS的AppStore和Android的GooglePlayStore均能找

  • 从技术经理的角度算一算,开发一个跨平台APP的成本是多少

    从技术经理的角度算一算,开发一个跨平台APP的成本是多少作者:徐磊资深架构师,微软最有价值专家MVP?微软RegionalDirectorTechEd讲师一篇“从产品经理的角度算一算,做个app需要多少钱”的文章在网上疯传,可见大家对互联网

  • 开发移动应用的7大设计要点是什么

      移动应用已成为获得全球潜在用户最为有力的便捷手段,企业主不应忽视一款设计抢眼、功能全面的商业移动应用的重要性。  在开发移动应用时,用户体验(UX)和用户界面设计(UI)是两大重点,不容忽视。在进行任何应用的开发前,提前理解目标市场的行

  • 用HTML5开发移动应用的5个警告

    据国外媒体报道,知名科技博客读写网(ReadWriteWeb)日前发表文章,探讨了用HTML5开发移动应用的一些问题,以下为全文摘要:HTML5改变了开发人员创建移动Web应用的方式,然而这并不是移动开发的终极目的。如果是,那么“我要为我的

  • 用HTML5开发移动应用的5个警告

    腾讯科技讯(Kathy)北京时间8月10日消息,据国外媒体报道,知名科技博客读写网(ReadWriteWeb)日前发表文章,探讨了用HTML5开发移动应用的一些问题,以下为全文摘要:HTML5改变了开发人员创建移动Web应用的方式,然而这并

  • 用HTML5开发移动应用的5个警告

    腾讯科技讯(Kathy)北京时间8月10日消息,据国外媒体报道,知名科技博客读写网(ReadWriteWeb)日前发表文章,探讨了用HTML5开发移动应用的一些问题,以下为全文摘要:  HTML5改变了开发人员创建移动Web应用的方式,然而

  • 用HTML5开发移动应用的5个警告

    转播到腾讯微博腾讯科技讯(Kathy)北京时间8月10日消息,据国外媒体报道,知名科技博客读写网(ReadWriteWeb)日前发表文章,探讨了用HTML5开发移动应用的一些问题,以下为全文摘要:HTML5改变了开发人员创建移动Web应用的

  • 使用Sencha Touch开发移动Web应用平台

    SenchaTouch是由Sencha公司开发的移动Web应用开发框架,用以提升主流移动设备在浏览器上的触碰操作,增强用户体验。该框架以久负盛名的ExtJS富客户端框架为基础,并支持最新的HTML5及CSS3标准,与流行的AppleiOS和

  • 使用ArcGIS Mobile SDK 9.3 开发移动设备应用一

    【概述】概述如何通过ArcGISServer9.3提供的MobileSDK开发移动设备应用。【环境】WindowsXPSP3,ArcGISServer9.3,VisualStudio2008,WindowsMobile6Profession

  • 获得全国移动互联网应用软件开发

    近日,湖北工业职业技术学院一直传出喜讯,继该校在全国职业院校技能大赛中夺得移动互联网应用软件开发项目全国二等奖后,3名学子又在电子产品设计及制作比赛中获得全国二等奖。近日,湖北产业职业技巧学院的3名学生和3位老师从大连载誉归来。在全国职业院

  • 移动互联 应用为王

    作为下一代互联网的有机组成部分,移动互联的发展对完善下一代互联网的产业链格局无疑具有重要意义。而对于移动互联的进一步发展而言,移动智能终端的普及固然重要,但是创新性应用开发的关键性却更加突出!来自工业和信息化部的数据显示,“十一五”期间,基

  • 手机游戏逐成移动互联网应用领域“弄潮儿”

     若问当下移动互联网什么最火?不少人给出的答案是3G应用。而再进一步问当下什么3G应用最火?十有八九的人给出的答案是手机游戏。无疑,手机游戏已经成为了移动互联网领域的弄潮儿。  照亮3G发展的一线曙光  随着2009年我国3G牌照的发放,3

  • 浅析移动测试:应用上线不“裸奔”的正确方式

    浅析移动测试:应用上线不“裸奔”的正确方式移动互联网走到今天,App寡头化的趋势愈加明显,同时用户的口味也越来越高,这对移动App开发者提出了更高的要求。本文作者,Testin云测总裁徐琨结合自身的丰富经验,剖析了移动App测试的现状与挑战

  • 世纪鼎利进军终端自动化测试,瞄准移动互联网应用

    2011年初,世纪鼎利发布公告称公司拟出资700万元设立“北京鼎元丰和科技有限公司”,从事智能终端的移动数据业务性能自动化测试技术及产品的研发和推广,目标在于为移动互联网应用提供测试解决方案。  公司拟与黄华等三名自然人共同出资1000万元

  • 移动互联 应用为王

      作为下一代互联网的有机组成部分,移动互联的发展对完善下一代互联网的产业链格局无疑具有重要意义。而对于移动互联的进一步发展而言,移动智能终端的普及固然重要,但是创新性应用开发的关键性却更加突出!来自工业和信息化部的数据显示,“十一五”期间

  • 七个最新移动互联网应用--无线网络新面孔

    七个最新移动互联网应用--无线网络新面孔2010年10月1.手机选座购电影票专家(By格瓦拉)格瓦拉生活网(Gewara)致力于用数字网络来补充现实生活,为广大消费者提供衣食住行之外的精彩城市生活服务,是国内第一家融合信息资讯、用户社区和商

  • 展现移动互联网应用平台

    目前国内移动互联网之争可谓水深火热,之前也总结过很多国内的类foursqure服务,大众点评的客户端也加入了签到的功能,游玩网也推出具有现实增强功能的客户端(iPhone、Android),微博大战目前新浪微薄应该说是走在前列,LBS之争,

  • 手游棋牌游戏开发移动电竞产业未来发展

    钱景在望,敢舍得投入的自然不止有手游棋牌游戏开发厂商。今年11月,“国民老公”王思聪携熊猫TV和新成立的“中国移动电竞联盟”正式跨入移动电竞行列,同时斥巨资签下Angelababy当主播,以示对移动电竞产业未来发展的充足信心。而与王思聪并肩

返回
顶部