Web前端框架汇总

转载:赞生博客

在作web开发的时候不免遇到一个问题，那就是，选择什么样的框架。下面把前端的框架简单的列一下。

一、flex

Apache基金会今天发布了Flex 4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。

须要注意的是，Flex目前还在孵化阶段，还不是Apache的正式项目，Flex 4.8也不是一个正式的Apache版本。

Apache称，该版本标志着Flex新时代的开始，Flex的将来将由社区来驱动，而不是由一个公司驱动。开发者能够经过贡献代码，来帮助改进Flex，如修复bug、增长功能等。

从Macromedia卖给Adobe，而后又捐给apache，不知道搞什么名堂。不过还好没有通过大幅重构，不然就真的是悲哀了！

二、extjs

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

功能丰富，无人能出其右。

不管是界面之美，仍是功能之强，ext的表格控件都高居榜首。

 

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

三、easyui

easyui帮助你构建你的web应用更加容易。

它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，很是小巧并且功能丰富。

官方网站是：

http://www.jeasyui.com/

可是她有一个最大的问题就是代码只能找到之前的开源的版本，到了1.2之后的版本源代码都是通过混淆的，若是遇到问题修改起来会很是麻烦！不过一个比较大的优点是开源免费，而且界面作的还说的过去！

四、MiniUI

又一个基于jquery的框架，开发的界面功能都很丰富。

jQuery MiniUI – 快速开发WebUI。

它能缩短开发时间，减小代码量，使开发者更专一于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。

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

界面作的挺不错，功能也挺丰富，可是有两个比较大的问题，一个是收费，一个是没有源码，说白了，不开源！基于这个开发若是想对功能作扩展就须要找他们的团队进行升级！

五、jQuery UI

jQuery UI 是一套 jQuery 的页面 UI 插件，包含不少种经常使用的页面空间，例如 Tabs（如本站首页右上角部分） 、拉帘效果（本站首页左上角）、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等很是多的内容。

功能很是全面，界面也挺漂亮的，能够总体使用，也能够分开使用其中的几个模块，免费开源！

六、DWZ

DWZ富客户端框架(jQuery RIA framework), 是中国人本身开发的基于jQuery实现的Ajax RIA开源框架.

设计目标是简单实用,快速开发,下降ajax开发成本。

欢迎你们提出建议，咱们将在下一版本中进一步调整和完善功能．共同推动国内总体ajax开发水平。

DWZ论坛 http://bbs.dwzjs.com

在线演示地址 http://demo.dwzjs.com

毕竟是国产的，支持一下，并且源码彻底公开，能够选择一下！不过性能怎么样不敢肯定！

七、GWT

Google 网页工具包——GWT 提供了一组基于Java语言的开发包，这个开发包的设计参考Java AWT包设计，类命名规则、接口设计、事件监听等都和AWT很是相似。熟悉Java AWT的开发者不须要花费多大的力气就可以快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程当中。

你不用去了解这样那样的javascript框架，经过java你就能够写出功能丰富的界面，能够作单元测试，毕竟是google的产品，严重支持一下！

八、YUI

Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能创建一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用受权为 BSD许可证，基本上没怎么研究过！

YUI Compressor却是挺出名的，这套UI库不知道应用的状况怎么样！

九、Sencha

Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。

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

十、Dojo

在国内应用好像不是很广，不过性能上应该没问题。

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

有多个基金会的支持，包括IBM和SUN，都是软件界的泰斗，值得信赖！

十一、ZK

ZK是一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架，用于丰富网页应用程式的使用接口。最大的好处是，在设计AJAX网络应用程式时，轻松简便的操做就像设计桌面程式同样。 ZK包含了一个以AJAX为基础、事件驱动（event-driven）、高互动性的引擎，同时还提供了多样丰富、可重复使用的XUL与HTML组件，以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。

在线的demo

设计器的demo

日历组件

功能丰富，全面，文档齐全，并且升级了不少次，很是值得推荐！

十二、OperaMasks-UI

OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前，该团队已将这一产品以LGPL 开源协议开放给社区。

文档丰富，功能齐全，并且很容易使用和开发！并且是国产的哟！

1三、JavaFX

Sun公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言（如下称为JavaFX）是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景，包括能够直接调用Java API的能力。由于 JavaFX Script是静态类型，它一样具备结构化代码、重用性和封装性，如包、类、继承和单独编译和发布单元，这些特性使得使用Java技术建立和管理大型程序变为可能。

无论用的人多少，毕竟是从sun开始，如今是oracle，相信会有一个广阔的市场，可是确实不知道有哪一个公司用这个框架开发！

 

• Arale(支付宝) – http://aralejs.org/
• Como(盛大) – http://www.comsome.com
• EasyJs – https://github.com/chenmnkken/easyjs
• EdoJs – http://www.edojs.com/
• DWZ – http://j-ui.com/
• JX(腾讯) – http://alloyteam.github.com/JX
• JSI – http://code.google.com/p/jsi/
• KISSY(淘宝) – http://www.kissyui.com
• KindEditor – https://github.com/kindsoft/kindeditor
• Mass – https://github.com/RubyLouvre/mass-Framework
• ModJS(腾讯) – http://madscript.com/modjs/
• ModuleJS(腾讯) – http://modulejs.github.com/modulejs/
• NEJ(网易) – http://nej.netease.com/
• NJF – http://code.google.com/p/njf/
• Puerh(百姓网) – https://github.com/baixing/Puerh
• QWrap(百度) – http://www.qwrap.com
• SeaJS(淘宝) – http://seajs.org/
• Tangram(百度) – http://tangram.baidu.com
• UEditor(百度) – http://ueditor.baidu.com

 

前端开发并不难，可是要想作得优雅、健壮并不容易，使用一个好的前端框架可以帮你不少忙。本文列举了20个优秀的前端框架，供选择使用。

 

1. Twitter BootStrap （Apache v2.0；响应式）

 

时髦、直观而且强大的前端框架，让Web开发变得更加容易。

 

2. Foundation （MIT；响应式）

最早进的响应式前端框架。

3. 960gs（GPL&MIT；响应式）

960gs提供了一个简单的网格系统，适合快速开发。

 

4. Skeleton（MIT；响应式）

很是漂亮的Web模板，适合响应式、移动友好的开发。

5. 99lime HTML KickStart（Free）

适合网站快速开发的极简HTML构建模块。

6. Kube（Free；响应式）

面向专业人员的CSS框架。

7. Less Framework（MIT；响应式）

自适应的CSS网格系统。

8. Flameinwork（Free）

适合懒人开发者的前端微框架。

9. G5 Framework（Free）

(x)HTML五、CSS、PHP前端开发框架。

10. Easy Framework（Free）

Easy Framework是一个一体化前端解决方案，分structural、 presentational、interactive三层。

11. Blueprint（Free）

一个旨在减小开发时间的前端框架。

12. YAML（Creative Commons）

(x)HTML+CSS框架，适合开发现代化浮动布局。

13. BlueTrip（Free）

一个功能全面、而且美丽的CSS框架，适合于Blueprint搭配使用。

 

14. YUI3:Grids CSS（BSD）

YUI Grids CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不一样页面宽度，六种不一样的模板。

15. 52framework（Creative Commons）

对HTML5支持很是好，简单易用。

16. elastiCSS（MIT）

一个基于Web接口和印刷布局的简单CSS框架。

17. Emastic（Free）

一个不同凡响的CSS框架。

18. Fluid 960 Gride System（GPL/MIT）

 

Fluid 960 Grid System的模版是根据Nathan Smith以前的做品而建立的。即960 Grid System：传承了MooTools和jQuery JavaScript libraries的效果。

 

19. xCSS（MIT）

一个面向对象的CSS框架，能让你的工做流更加简洁。xCSS基于CSS，能够在开发复杂样式时，提供面向对象的工做流。

20. EM CSS Framework（MIT/GPL）

EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。