zoukankan      html  css  js  c++  java
  • HTML5——7个最牛的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又重燃了希望,相信这是个美好的时代,相信它会给我们带来更多的惊喜。



  • 相关阅读:
    npm install命令请求制品库地址的说明
    左merge,右cherry-pick
    Spring validation中自定义的校验错误提示信息如何支持国际化
    IntelliJ IDEA中新增properties文件
    RequestFacade对象获取请求头时忽略大小写
    MongoDB高可用架构集群管理(一)
    MongoDB的备份和恢复
    Postman使用tv4进行JSON Schema结构验证和断言
    Postman中的全局/环境/集合变量的使用及优先级
    在Postman脚本中发送请求(pm.sendRequest)
  • 原文地址:https://www.cnblogs.com/qitian1/p/6461553.html
Copyright © 2011-2022 走看看