本文目录一览：

• 1、Web前端工程师喜欢的高质量Web前端框架有哪些?
• 2、JQuery-EasyUI与EXTjs有什么区别？
• 3、后台管理系统，前端框架用什么最好
• 4、easyui好用吗？
• 5、easyui和extjs哪个好

Web前端工程师喜欢的高质量Web前端框架有哪些?

今天小编要跟大家分享的文章是关于高质量Web前端框架，相信很多Web前端工程师都会对此感兴趣的。Web前端框架就是为了节约开发成本和时间，一般开发一个项目都会用到前端框架(除非自己有前端开发团队)。今天小编就为大家分享一些高质量的前端框架希望能够对大家有所帮助。

一、QUICKUI

QUICK

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

QUICKUI优势：

①功能最为强大

QUICKUI经历了7年的迭代更新，不断从客户的各种业务中对组件的需求进行归纳和抽离，从而打造新的组件和功能。现在最新的4.0版本框架包含了一百多种组件，一千多个应用场景示例。可以说在前端框架领域中，QUICKUI拥有功能最强大组件库。

②运行最为稳定

很多其他的第三方UI控件在简单场合使用OK，到了复杂的场景中就会出现很多问题，这种现象很常见，因为在组件设计时无法预料到所有的应用场合。而QUICKUI在7年间经历了数千个项目实际检验，在各种复杂场景都应用过，并根据客户的反馈不断完善和调整。目前的第四代可以说是最稳定、最完美的版本。

③丰富精美的界面皮肤

跟其他web前端框架仅仅是一套组件库不同，QUICKUI是一整套前端解决方案，拥有丰富的外观界面解决方案。采用现今流行的扁平化设计理念，推出了包括登录、响应式web、工作桌面、地图类、门户风格、大屏展示风格等等几百套制作精美、用户体验优秀的界面。这些界面是以QUICKUI皮肤包的形式发布，使用和更换都非常方便。

④事无巨细的开发文档

QUICKUI拥有16万字+的开发文档，框架和组件的每一个功能点都有详细的讲解和代码示例，用于开发过程中随时查阅。除了框架机制讲解和组件使用教程，文档还涉及web前端开发的很多知识。仔细阅读并结合框架使用的话，你很快就能成为web开发的高手。

⑤上手开发非常容易

QUICKUI采用组件化思想来构建组件，一个组件就是一两句html的标签，使用起来非常简单。将开发人员从繁琐的JS编码中解脱出来，很大程度减少前台编码的出错率;保留了HTML的布局方式，从而快速进行页面布局。对开发者前台技术要求也非常低，只需要了解html语法和一些简单的JS即可，从而把更多精力放在业务功能的实现上，极大地提高开发效率。

⑥浏览器兼容性非常好

QUICKUI4.0使用了很多HTML5，CSS3技术用于提高表现力和用户体验，这些新的特性在现代浏览器中会有很好的效果。但是，国内依然有大量的用户在使用IE7、IE8等旧时代的浏览器，为照顾这部分用户，框架采用了渐进式思想，确保低版本浏览器也能正常使用。所以，QUICKUI兼容IE7以上所有主流浏览器。

二、flex

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

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

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

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

三、extjs

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

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

无论是界面之美，还是功能之强，ext的表格控件都高居榜首。

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

四、easyui

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

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

但是她有一个最大的问题就是代码只能找到以前的开源的版本，到了1.2以后的版本源代码都是经过混淆的，如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费，并且界面做的还说的过去!

五、jQueryUI

jQueryUI是一套jQuery的页面UI插件，包含很多种常用的页面空间，例如Tabs(如本站首页右上角部分)、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。功能非常全面，界面也挺漂亮的，可以整体使用，也可以分开使用其中的几个模块，免费开源!

六、MiniUI

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

jQueryMiniUI_快速开发WebUI。

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

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

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

七、DWZ

DWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.

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

毕竟是国产的，支持一下，而且源码完全公开，可以选择一下!不过性能怎么样不敢确定!

八、YUI

Yahoo!UILibrary

(YUI)是一个开放源代码的JavaScript函数库，为了能建立一个高互动的网页，它采用了AJAX,DHTML和DOM等程式码技术。它也包含了许多CSS资源。使用授权为

BSD许可证，基本上没怎么研究过!YUICompressor倒是挺出名的，这套UI库不知道应用的情况怎么样!

九、Sencha

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

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

十、OperaMasks-UI

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

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

以上排序是整理时的排序，一起整理分析一下，下次用的时候就不用到处找了，我想同样的问题应该也存在在很多程序员身上，任何一款UI框架，只要能够容易入手就行。

以上就是小编今天为大家分享的关于高质量web前端框架有哪些?的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识的小伙伴们记得关注北大青鸟web培训官网哦。

作者：qianduankuangjia，来源：CSDN

原文：

JQuery-EasyUI与EXTjs有什么区别？

一、ExtJS

1、ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。

2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。相对来说，EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。

二、JQuery

jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript框架，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

三、二者对比

1.JQuery-EasyUI是仿照Ext做的。

2.Ext框架是一个整体，面向对象的编程思想，每个控件之间可以相互通讯。

3.JQuery的控件全都是分散的，没有整体性可言。你可以单独拿出来一个控件就能用。

4.若要开发系统应用，首选Ext，控件库丰富，扩展和维护都方便。若是简单的页面动画和效果，首选JQuery

5.jquery只是一个工具库，比较简单，相对容易。 Ext是一套真正的ria开发框架，甚至可以实现桌面应用一样的强大功能。本身代码质量极高，而且是高度的面向对象设计。jQuery 入门相对容易一些，实际用的过程中要用到各种插件，基本上用一个“学”一个。 ExtJS 入门稍难。

6.大小比较：首先ExtJS是一个完整的Framework,是重量级别的，easy ui 是基于jquery库的一套UI组件库，是轻量级的，ExtJS是应用application级的，而jquery是page页面级的。当然application也是由page组成的，那就需要你自己去完成了，考虑你的需求，和使用框架的初衷，选择使用哪一种。同时ExtJs由于是重量级框架，完全面向对象风格，提供API非常完备也非常庞大，所以学习成本也想相对较大。

7.兼容性比较：ExtJS兼容IE全系列浏览器和其他非IE现代浏览器，jquery UI向来不太考虑ie低版本浏览器的兼容，从态度上的鄙视。easy UI是基于jquery的，jquery2.X以上的版本不再支持IE6、7、8,，已郑重声明，请看官方网站，easyUI最新版本1.3.3使jQuery2.0,由于又很多HTML5特性，不再支持IE6\7\8，低版本由一些小部分的兼容不够好，请自己做技术选型的时候去测试，要使用那个版本。在兼容问题上，都有瑕疵，主要看接收程度。

8.使用许可license. EXTJS 2.1以上版本，商用需要购买商业授权，jquery UI 使用MIT协议，开源。 jquery easyUI如果商用需遵循license commercial商业许可，也就是要购买使用权。

后台管理系统，前端框架用什么最好

1、前端js框架太多了，有这么些是常用的。

jQuery（jQuery UI、jQuery EasyUI、LingerUI等等）

ExtJS（ExtJS、Ext.NET、FineUI）

Bootstrap

2、总体来说，jQuery比较轻量级；ExtJS界面效果比较好，但是比较重；Bootstrap目前比较流行，响应式布局。兼容性方面都还可以，不同的开发库版本支持不同的浏览器版本。

3、bootstrap 并没有专门的企业级 grid，如果有着方面的需求，那你需要一种企业级的 grid 框架。例如使用 ExtJs或者jQueryUI的 grid。例如使用 ExtJs或者jQueryUI的 grid   --   例如使用 ExtJs或者jQuery EasyUI的 grid

4、基于 javascript的前端软件（这应该在传统的bs概念中单独“正名”出来，以免跟传统的asp.net企业应用搞混了）与cs的区别并不是在于“卡、卡”上。其实这时候并不卡，而且美工调整其css也非常方便。

5、如果说cs与这类前端软件的区别，最重要的还是cs可利用的资源很多。例如高效率的长连接通讯资源、GPU资源、成百上千UI组件组员、成千上万现成的复杂样式、直接访问本地设备、操作系统api等等。

6、如果纠结于很简单的原因，也许5年前我会认为js富客户端应用还不太行，但是现在，我认为可以考虑取代cs应用中80%以上的部分了。实际上，现在的好的js前端也总是“复合的”，也就是可以调用各种浏览器插件去使用native的程序，所以混合结构的js富客户端程序具有了相当程度的cs的性能特点，而其在跨平台（mac、iOS、linux、Android、windows全平台、等等平台）上的能力是一直在提升着的。

easyui好用吗？

很好用,现在国内很多web端应用都是用easyui,网上也很多问题贴子,遇到问题还是可以很快找到答案!EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的，同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用，相对于extjs更轻量。

jQuery EasyUI有以下特点：

1、基于jquery用户界面插件的集合

2、为一些当前用于交互的js应用提供必要的功能

3、EasyUI支持两种渲染方式分别为javascript方式（如：$('#p').panel({...})）和html标记方式（如：class="easyui-panel"）

4、支持HTML5（通过data-options属性）

5、开发产品时可节省时间和资源

6、简单，但很强大

7、支持扩展，可根据自己的需求扩展控件

8、目前各项不足正以版本递增的方式不断完善

easyui和extjs哪个好

作为ExtJs和EasyUI都用得很熟练的一个老资格程序员，我发表一下我的看法。

首先两个框架的组件都很丰富，商业应用都要收费。ExtJS的动态性和扩展性更好，从使用效果看，easyui的组件相对体验更好一点。

ExtJS

优点：1.完全开源，我说的开源的意思并不是说不收费。

2.我非常赞赏它的架构设计，完全的面向对象的组件化设计。所有的组件都是从一些基础的组件派生出来的，并且提供了overide,extend等扩展方式，可以说能够任意扩展。可能一些半桶水的人觉得ExtJS很难用，那是因为他们只懂皮毛。

3.ExtJS的文档和实例做得比EasyUI要好得多，基础比较好的开发人员只用看官方的文档、demo、适当参考源码就能够完成任何工作，遇到问题完全不用去百度或论坛问其他人。

4.可以完全动态开发,代码都写在JS文件里，不像ExtJS那样非得在页面放一个DOM元素。所以可以自己定制组件在任意页面引用，复用性好。

缺点：1.可能太多人用，造成审美疲劳，反正我看腻了它的界面，自己定制界面主题有太难。

2.可能因为它太庞大，不像easyUI那样基于页面已有的HTML

DOM渲染，所以一般人觉得比较难(但是话有说会来，如果使用者的水平高的话，这其实也是也是它的优点。因为你要是在同一个界面点击不同按钮要动态显示各种各样不同的window、form等等的话，只要把这些JS引用到当前页面就可以吧，见上述优点4）。

easyui

优点：

1.在页面的DOM元素加一些属性然后加几行JS就可以动态构造出相应的组件。开发方式相对ExtJS直观和简洁一些。

2.组件相对体验更好一点，界面好像跟干净简洁。

缺点：1.半开源，对于一个高手来说看不到源代码是很痛苦的，事，因为他们总有这样那样的扩展需求。

2.一定要在页面上放置相应的DOM元素才能渲染（如果不对dom元素设置隐藏的话，在页面没有渲染过程中会显示一堆乱七八糟的东西）所以无法自己定制组件在其他页面引用，要复用的话得搬砖一样把JS和DOM都复制过来，遇到非常复杂的页面那是相当杂乱和痛苦的。