xml地图|网站地图|网站标签 [设为首页] [加入收藏]

常用的5款热门HTML5开发框架推荐,不需要更多J

Mobello 是一个高性能的 JavaScript 框架用于构建基于 HTML5 的移动应用。你可以构建跟本地App外观无异的HTML5 应用程序,支持智能手机和平板。Mobello 是一个可伸缩的可靠的框架用来创建富用户界面。并提供一个集成开发环境 Mobello Studio。

我们经常听见的前端框架是一个非常大的范词,因为前端框架都是基于JS、CSS、HTML5技术开发实现的,不过选择一个HTML5开发框架需要考虑哪些方面,首先就是需要什么样的功能,其次就是技术实现,不过当今市场伤存在很多的HTML5开发框架,足以给我们提供各类必要功能的组件,从从而顺利而且高效地搞定移动应用开发任务。

现在,JavaScript框架已成为Web项目开发不可或缺的一部分。那是因为很长一段时间以来,各种浏览器之间有很大的差别,人们不得不编写框架对此进行屏蔽。问题在于,各种浏览器甚至在基本问题上都难以取得一致,以致框架还要针对浏览器该如何工作设计自己的模型,比如如何传播事件、如何与DOM交互等。于是出现了许多框架,常见的有jQuery、Dojo、MochiKit、Ext JS、AngularJS、Backbone 、Ember、React等。对于这种情况,谷歌工程师Joe Gregorio在博文中写道:

响应式网站开发在国内越来越普遍,一来展现效果好,而来收录情况佳,让专门开发响应式网站的程序员成了香饽饽。程序员们想要更有效率开发响应式网站,这9个热门HTML5框架可不容错过。

图片 1

HTML5的核心优势在于其提供了不同浏览器之间更理想的互操作能力,从而使其成为跨平台移动应用开发场景中的重要语言选项。很多框架还提供对PhoneGap以及Cordova这类方案的支持能力,这意味着我们能够面向多种不同平台及设备构建动态混合Web应用,今天主要给大家介绍5款热门web快速开发的HTML5开发框架供您选择。

我认为是时候重新考虑JS框架模型了。没有必要发明另外一种做事方式,只要使用HTML CSS JS就行了。

①Twitter Bootstrap

图片 2

1、GroundworkCSS2

Joe认为,在过去的十年中,浏览器变得更好了,它们对标准的支持也得到了改善,每个版本的功能都比上一个版本强大,而且还支持一些新标准,如HTML Imports、Object.observe、Promises、HTML Templates。而人们之所以还在编写JS框架,可能是出于惯性和习惯。

基于HTML、CSS、Javascript,简单灵活快捷,是目前很火的前端框架。

在进一步阐述观点之前,他对Web框架相关的三个概念进行了简单的区分。Gist是一段简单的代码,库是一个更大代码的集合,而框架不只是库的简单集合,它还有自己的事件、DOM交互模型。接下来,他说明了不需要JS框架的原因:

图片 3

GroundworkCSS2是一款响应式HTML5、CSS以及JavaScript框架。这套框架拥有一套强大的网格系统外加对应划分功能,足以满足各类台式机、智能手机以及平板设备的需要。其网站还提供数量可观的使用示例及说明文档,足以帮助大家快速实现原型设计以及面向标准网站、电子商务网站以及图片库等应用场景的布局模板。值得强调的是,这套框架还提供其它一些功能,例如响应式文本以及易于定制特性。

  • 框架是对Web平台的抽象,但由于存在“抽象漏洞(abstraction leak)”,开发人员有时候必须诉诸于HTML CSS JS,而且有时候还需要深入研究框架才能找出问题所在。这样一来,开发人员除了要学习HTML CSS JS之外,还需要花费大量的时间学习和研究框架。
  • 框架的另一个卖点是可以利用Widgets库,而实际上,框架并不是必须的,每个Widget都应该是独立的。语法高亮代码编辑器CodeMirror就是一个很好的例子。它用JavaScript构建,可以用在任何地方,而不需要框架。
  • 框架提供的数据绑定特性并不是必须的,即使需要,也应该以库的形式出现,而不是框架。
  • 框架最终会发展成为一个筒仓,为A框架创建的Widgets不能用于框架B,这会造成浪费。

②52Framework

2.QUICK UI框架

Joe提出,后JS框架时代的基本思路是,开发人员应该使用HTML CSS JS的功能构建Widgets。这些Widgets相互独立,可以组合使用。Web组件为这一切提供了可能。HTML Imports、HTML Templates、Custom Elements和Shadow DOM等技术允许开发人员创建可重用的元素和功能。要了解更多信息,请查看下列文章和库:

能实现HTML5 CSS3 JS,能在包括IE6在内的所有主流浏览器运行。

  • HTML Imports
  • Polymer
  • X-Tag
  • Bosonic

图片 4

QUICKUI是一套完整的企业级web前端开发解决方案,由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的web应用系统。

而使用Web组件首先要有针对相关功能的Polyfills。他特别强调,Polyfills并不是框架,它们没有引入自己的Web开发模型,而是使HTML 5模型可用。同时,它们也弥补了浏览器实现与现有标准在某种程度上的偏离。MDN上经常有一些简短的、单功能的Polyfills。

③SproutCore

3、52Framework

构建一个大型的HTML 5 Polyfill库是有好处的,但更好地是能有一套工具可以根据项目需要生成一个完整HTML 5 Polyfill库的子集。这样,开发人员就可以混合和匹配不同来源的Web组件和库,如X-Tag的<x-foo>和Polymer的<core-bar>。关于如何获取这些自定义元素,感兴趣的读者可以查看Brick的GitHub页面和X-Tag下载页面。Joe指出,这并不是说创建自定义元素就需要创建自定义的打包器,那不是一个具有可扩展性的思路,而是说需要改变开源方式,一个Widget可以不是一个项目,一种更加轻量级的、类似Gist的共享方式可能更合适。在这方面,项目Asset Graph也许是个不错的开端。所以,他认为,现在需要三样东西:

利用MVC架构规范构建而成,能与任何后端服务器技术搭配使用。一旦部署之后,SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。

  1. 构建可重用组件的习惯做法和指南;
  2. 可以遵循这些习惯做法编译HTML、CSS和JS的工具;
  3. 可扩展的HTML 5 Polyfill,可以根据需要进行裁剪。

图片 5

52Framework是一套强大的前端开发框架,其能够充分发挥HTML5、CSS3以及JavaScript的可观潜能。这套框架当中捆绑有大量内置功能,具体包括HTML5视频播放器、HTML5表单验证、CSS3属性、网格系统以及HTML5canvas示例等。

按照Joe的观点,将来,开发人员不再需要学习最新的框架,只需要引入能够满足特定需求的自定义元素或库来构建他们的应用。

④Onsen UI

4、TwitterBootstrap

侧重于创建移动应用,用于构建PhoneGap/Cordova应用。

图片 6

TwitterBootstrap是一套强大的前端框架,能够利用HTML、CSS以及JavaScript快速简单地实现Web应用开发任务。这套框架为开发人员提供一系列极具实用性的功能,具体包括一套12列响应式网格系统、JavaScript插件外加HTML元素等等。它还提供一系列可复用组件,从而实现导航、下拉菜单、面包屑导航、排版、提醒以及进度条等功能。

⑤Foundation

5、SproutCore

提供多种web上的UI组件,如按钮、表单等,可用于构建基于任何设备上的web应用。

图片 7

SproutCore是一款高人气前端框架,且利用MVC架构规范构建而成。立足于HTML5的强大能力,它允许我们通过高效客户端逻辑与高质量主题特性构建出运行速度出色且具备可扩展能力的Web应用程序。

⑥Ionic

转载来源:http://www.uileader.com/news/news_content_46.html

Ionic非常漂亮,支持使用HTML5开发混个移动应用前端框架。

图片 8

⑦Enyo

适用于开发与原生应用类似的HTML 5应用。

图片 9

⑧GroundworkCSS 2

拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。要用于快速构建响应式Web应用程序。

图片 10

⑨MontageJS

可用于构建高可扩展性和可维护性的HTML5应用。是一个现代化、完整的HTML5框架,旨在创建单页的应用程序。

图片 11

此外,想开发HTML5响应式网站,还可以借助建站工具。笔者用过一款叫建站宝盒的网站开发工具,做出来的网站可以和专业开发网站媲美,不要求程序基础。有需要的可以了解一下:http://iisp.com/design/?s=ashley

本文由必威发布于操作系统,转载请注明出处:常用的5款热门HTML5开发框架推荐,不需要更多J