前端开发框架-web前端开发框架html5

在做web开发的时候，我们经常会遇到一个问题前端开发框架，就是选择什么样的框架来进行前端开发。 下面简单介绍一些常用的前端框架。

1.引导程序

Boostrap绝对是目前最流行、使用最广泛的框架。 它是一个美观、直观且功能强大的网页设计工具包，可用于开发跨浏览器兼容的精美页面。 它提供了许多流行的 UI 组件，样式简单，网格系统和一些常用的 JavaScript 插件。

Bootstrap是用动态语言LESS编写的，主要包括四个部分：

脚手架 - 全局样式、响应式 12 列网格布局系统。 请记住，默认情况下，Bootstrap 不包含响应式布局功能。 因此，如果您的设计需要实现响应式布局，那么您需要手动启用该功能。

Basic CSS——包括基本的HTML页面元素，如表格（table）、表单（form）、按钮（button）、图片（image）等，基本CSS为这些元素提供优雅一致的样式。

组件 - 可重用组件的集合，例如下拉菜单、按钮组、导航控件 - 包括选项卡、药丸、列表、面包屑和页码（分页）、缩略图（thumbnails）、进度条（progress bars）、媒体对象（media objects）等等。

JavaScript——包括一系列jQuery插件，可以实现组件的动态页面效果。 插件主要包括模态窗口、工具提示、popovers、scrollspy、carousel、typeahead等。

Bootstrap 足够强大，可以实现各种形式的 Web 界面。 为了更方便的使用Bootstrap进行开发，很多工具和资源可以一起使用，下面列举其中的一些。

jQuery UI Bootstrap - 这是 jQuery 和 Bootstrap 爱好者将 Bootstrap 的干净界面组件带入 jQuery UI 的绝佳资源。

jQuery Mobile Bootstrap Theme - 类似于上面提到的 jQuery UI 主题，这是一个为 jQuery Mobile 构建的主题。 如果你想让用Bootstrap开发的网站在手机端也能优雅地访问，那么这个资源对你来说非常方便易用。

Fuel UX - 它向 Bootstrap 添加了一些轻量级的 JavaScript 控件。 Fuel UI 易于安装、修改、更新和优化。

StyleBootstrap.info - Bootstrap 提供了几种自己的界面样式，StyleBootstrap 提供了更多的颜色选项，您可以为每个组件应用不同的颜色。

BootSwatchr - 使用此工具，您可以立即查看主题更改的效果。 对于每一个变化的效果，应用程序都会生成一个唯一的 URL 供您与他人分享，您可以随时修改您的主题。

Bootswatch - 提供大量免费的 Bootstrap 主题。

Bootsnipp - 在线前端框架交互式组件制作工具，是一款基于Bootstrap HTML/CSS/JavaScript 架构的免费元素，供设计人员和开发人员使用。

LayoutIt - 使用界面拖放构建器轻松快速地创建基于 Bootstrap 的前端代码。 通过拖放的方式将Bootstrap风格的组件添加到您的个人设计中前端开发框架，并轻松修改其属性，简单方便。

2.弹性

Apache 基金会发布了 Flex 4.8 版，这是自 Adob​​e 将 Flex 捐赠给 Apache 基金会以来的第一个版本。

必须注意的是

2014年3月10日，Apache Flex技术社区发布了新版Apache Flex 4.12.0，是Apache Flex 4.11.0的升级版。 改进的功能包括：

◆支持最新版本的Flash Player

◆支持最新的AIR runtime

◆改进的内存使用和性能

◆改进了针对移动平台的组件样式

◆支持iOS7系统

◆修复了80多个错误[4]

2014年5月10日，Apache优化改进4.12.0版本，发布Flex 4.12.1。 新版本增加了对新的 Flash Player 和 Air 运行时的支持，改进了对移动媒体查询的支持，并修复了 20 多个错误。

3. 扩展

ExtJS是一个前端ajax框架，主要用于创建前端用户界面，与后台技术无关。

功能丰富，无与伦比。

无论是界面的美观还是功能的强弱，ext的表格控件都是名列前茅的。

extjs官网：

华丽的界面，灵活的功能，开发工具都在配套，但是有一个最大的问题，就是要花钱才能用！

4.easyui

easyui 帮助您更轻松地构建您的 web 应用程序。

它是一个基于jquery的插件，开发了一套轻量级的ui框架，非常小巧，功能丰富。

官网是：

但她最大的问题之一是代码只能在以前的开源版本中找到。 1.2以后版本的源码进行了混淆处理。 如果有问题，修改起来会很麻烦！ 不过比较大的一个优点就是开源免费，界面也一样好用！

5. 迷你用户界面

又一个基于jquery的框架，接口功能丰富。

jQuery MiniUI - 快速开发 WebUI。

可以缩短开发时间，减少代码量，使开发者更专注于业务端和服务端，轻松实现界面开发，带来极佳的用户体验。

使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速数据录入、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表、树、树形表等典型WEB应用等系统界面。

界面很好，功能也挺丰富的，但是有两个比较大的问题，一个是收费，一个是没有源码。 说白了就是不开源！ 基于这个开发，如果要扩展功能，需要找他们的团队升级！

6.jQuery 用户界面

jQuery UI是一套jQuery页面UI插件，包括很多常用的页面空间，比如Tabs（比如本站首页右上角）、窗帘效果（首页左上角）此站点）、对话框、拖放效果、日期选择、颜色选择、数据排序、表单大小调整等等。

功能很全面，界面也很漂亮。 可以作为一个整体使用，也可以几个模块单独使用。 它是免费和开源的！

7.DWZ

DWZ富客户端框架（jQuery RIA框架），是国人开发的基于jQuery的Ajax RIA开源框架。

设计目标简单实用，快速开发，降低ajax开发成本。

欢迎提出建议，我们将在下个版本进一步调整完善功能。 共同推动国内ajax整体发展水平。

DWZ论坛

在线演示地址

毕竟是国产的，请多多支持，而且源码完全开放，大家可以选择！ 虽然不确定性能！

8.GWT

Google Web Toolkit - GWT 提供了一套基于 Java 语言的开发工具包。 本开发包的设计参考了Java AWT包的设计。 类命名规则、接口设计、事件监听等与AWT非常相似。 熟悉 Java AWT 的开发人员无需花费太多精力就可以快速了解 GWT 开发工具包，将更多的时间投入到 GWT 应用程序的开发过程中。

你不需要了解这个那个javascript框架，你可以通过java写一个功能丰富的界面，还可以做单元测试。 毕竟是谷歌出品的，严重支持一下！

9.唯

雅虎！ UI Library (YUI) 是一个开源的 JavaScript 函数库。 为了创建一个高度交互的网页，它使用了AJAX、DHTML和DOM等代码技术。 它还包含许多 CSS 资源。 授权使用BSD license，基本不用研究多少！

YUI Compressor 挺有名的，这个UI库不知道应用做的怎么样！

10.煎茶

Sencha 是合并 ExtJS、jQTouch 和 Raphael 形成的新项目。

大公司的框架，而且是几个库的强大组合，值得推荐！

11.道场

国内好像用的不多，不过性能上应该没问题。

Dojo 是一个用javascript 语言实现的开源DHTML 工具包。

拥有包括IBM、SUN在内的多个基金会的支持，都是软件行业的佼佼者，值得信赖！

12.ZK

ZK是一个基于AJAX/XUL/Java的Web应用开发框架，用于丰富Web应用的用户界面。 最大的优势是在设计AJAX web应用程序时，操作起来就像设计桌面程序一样轻松简单。 ZK 包括一个基于 AJAX 的、事件驱动的、高度交互的引擎，还提供了各种丰富的、可重用的 XUL 和 HTML 组件，以及基于 XML 的用户界面设计语言 ZK User-interfaces Markup Language (ZUML)。

在线演示

设计师演示

日历组件

功能丰富，内容全面，文档齐全，并多次升级，强烈推荐！

13. OperaMasks-用户界面

OperaMasks-UI是OperaMasks团队于2011年下半年打造的轻量级前端JS组件库，旨在提供一个学习曲线低、自定义灵活、风格统一、支持多浏览器、覆盖范围广的JavaScript前端企业业务场景UI组件库。 目前，该团队已在 LGPL 开源协议下向社区开放了这款产品。

文档齐全，功能齐全，易于使用和开发！ 而且是国内的！

14.JavaFX

Sun公司（2009年被甲骨文公司收购）于2008年12月5日发布了JavaFX技术的正式版，使您能够使用JavaFX编程语言开发富互联网应用程序（RIA）。 JavaFX Script编程语言（以下简称JavaFX）是由Sun Microsystems公司开发的一种声明式、静态类型（declarative, static type）的脚本语言。 JavaFX 技术前景广阔，包括直接调用 Java API 的能力。 因为JavaFX Script是静态类型的，所以它还具有结构化的代码、可重用性和封装性，例如包、类、继承和单独的编译和发布单元。 这些特性使得使用 Java 技术创建和管理大型程序成为可能。

不管有多少人用，毕竟是从sun开始的，现在是oracle。 相信会有广阔的市场，但是真不知道是哪个公司用这个框架开发的！

目前国内通用的、强大的、实用的Web前端开发框架就这些了。 我希望我的组织可以帮助大家。

注明本文链接：