面推荐的几款主流HTML5框架,上手都比较快,而且网站的教程相对完善,无论是初学还是专业前端,都能找到适合自己操作的框架。
全球数以百万计的网站都是基于 Bootstrap 构建的。Bootstrap能让所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。Bootstrap 包含了十几个自定义的 jQuery 插件,并自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。SUI Mobile 的组件都是按照iOS风格设计的,,非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。网站内有详细的编码介绍。
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。如果开发者了解 jQuery,可以很容易的学习 jQuery Mobile。
jQuery UI 主要分为3个部分:交互、微件和效果库。主打代码开源,操作继承了jQuery 的简单特性,兼容各主流桌面浏览器。
请大家多多关注我的头条号,谢谢大家
着HTML5开发的火热,如今国内各行业都开始进入HTML5领域,抢占红利,造就了职场新贵,HTML5开发成了一轮企业热招岗位。初学HTML5你并不需要任何的原生应用编程经验,你只需要一些HTML、CSS和JavaScript的知识。不可否认HTML5将会越来越好,因为移动端的硬件也会越来越强,其实你手机上的很多应用已经悄悄的使用混合式开发了,这也许就是HTML5的魅力所在吧。
目前已经有很多的框架可以帮助你开发跨平台的移动应用,在这篇文章中,千锋武汉HTML5培训的老师只介绍最牛的7个HTML5移动开发框架。
1、IONIC
IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发,相信IONIC一定会取得不错的成就。
IONIC的开发团队将尽快开发出一种通过IONIC creator提供开发者快速创建IONIC应用的方式。我们将很快就会看到一个支持拖拉功能的可视化开发工具,几分钟内开发一个app将成为可能。
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。
3、Intel XDK
Intel XDK 是Inter开发的一款跨平台开发工具,我们可以很容易的通过Intel XDK开发应用,你需要做的只是下载他们的应用开发工具,有Linux、Windows和Mac版,它还提供了很多个开发框架,比如Twitter bootstrap, jQuery Mobile和Topcoat。
4、AppceleratorTitanium
Appcelerator’s Titanium不同于其它框架的是,它是一个开源的框架。
Titanium是混合式移动应用开发的一站式解决方案,你只需要下载Titanium studio就可以解决所有的事情,Titanium SDK包含了很多手机平台的APIs和后端云服务。
Titanium使用 Alloy,Alloy是一个快速开发的手机应用MVC框架,模块式开发可以大大减小开发时间,提高代码复用。
Titanium studio 还提供了一些code模板。
5、Sencha Touch
Sencha Touch同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。它已经诞生很多年了,现在已经成为很常用的混合式编程开发框架。
Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。
下面是千锋武汉HTML5培训的老师总结出的几点特性:
基于最新的WEB标准——HTML5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。
支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题。
增强的触摸事件。在touchstart、touchend等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。
数据集成。提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储。
6、Kendo UI
Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。
Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
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的学习。
总结
在这篇文章中,千锋武汉HTML5培训的老师跟大家讨论了一些HTML5的移动开发框架,HTML5正式发布之后,很多开发者对HTML5又重燃了希望,相信这是个美好的时代,相信它会给我们带来更多的惊喜。
TML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于HTML5的框架种类繁多,并且很瘦欢迎,因为它能允许开发人员花费更少的时间和精力去创建一个令人惊艳的网站。在本文中,我们将为大家介绍十佳HTML5响应式框架,欢迎品鉴!
GroundworkCSS是一个基于Sass预处理器的开源项目,主要用于快速构建响应式Web应用程序。它拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。Groundwork还提供多种UI组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等。
MontageJS是一个现代化、完整的HTML5框架,旨在创建单页的应用程序。MontageJS可以帮助您构建高可扩展性和可维护性的HTML5应用。有了MontageJS,开发人员可以创建可重用的用户界面组件和模块、组件和控制器之间的绑定属性,并且同步DOM查询和更新,以确保流畅的用户体验。
52Framework是一个Web开发框架,它能实现HTML5和CSS3。它是一个跨浏览器的框架,可以在所有主流的浏览器上运行,包括IE6。它主要是采用一个HTML5 enabling JavaScript file文件来实现的。
Twitter Bootstrap是目前很受欢迎的前端框架。它基于HTML、CSS、Javascript的,其简洁灵活使得Web开发更加快捷。
SproutCore是一款高人气前端框架,并且利用MVC架构规范构建而成。它能与任何后端服务器技术搭配使用。事实上,一旦部署之后,SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。
Foundation是一个易用、强大而且灵活的框架,用于构建基于任何设备上的Web应用。同时还提供多种Web上的UI组件,如表单、按钮、Tabs 等。
Base是一款基于语义的、轻量和可扩展的框架,可用来帮你快速创建一个响应式站点。
Onsen UI是一个前端的开发框架,用于构建PhoneGap/Cordova应用。其侧重于创建移动应用。
Enyo是一款先进的前端开发框架,适用于开发与原生应用类似的HTML 5应用。
Ionic是个高级的HTML5移动端应用框架,是个很漂亮的使用HTML5开发混合移动应用前端框架,目前支持:iOS 6+和Android 4.1+ 。
本站文章除注明转载外,均为本站原创或翻译
*请认真填写需求信息,我们会在24小时内与您取得联系。