jquery的ui框架,jqueryui

有哪些值得推荐的类似 jQuery UI 或者 Bootstrap 这样的 UI 框架

现在用的最多的就是bootstrap。

1、

Twitter

BootStrap

（响应式）

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

2.

Foundation

（MIT；响应式）

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

3.

960gs（GPLMIT；响应式）

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)HTML5、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的通用样式。

相关问答

Q1: 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

原文：

Q2: 如何评价Jquery easy ui 这个webui框架?

easyui这个框架我挺喜欢的，他和extjs一样有一套自己的控件渲染引擎，但是比extjs好的是，控件描述可以写在html中，这样一来就比写在js中更加直观易懂。

easyui的控件数量够多够全，文档也很齐全，开发速度相当快。

但是缺点也是有的，就是定制化开发难度大，不管是增加控件新功能还是改变控件外观，这是这种非标准控件引擎的通病。不过做后台管理程序，框架提供的控件绝对是够用了。

Q3: jQuery ui和jquery有什么关系

jquery是对原生javascript的封装，框架。

jquery ui 是jquery的一个扩展，也可以理解为插件。jquery ui 是基于jquery写的一系列UI方面的框架。

jquery ui 可以说是官方插件。

一般你用的插件是民间的，你可以写一个，我也可以写一个就是大家都可以基于jquery写jquery的扩展。

jquery mobile 是针对移动客户端的框架，其中实现了滑动等移动客户端才有的动作等一些特性。

Q4: easyui和jqueryUI各自都有那些优、缺点。

当然easyUI出生较后，功能比jQ小些，缺点都是对服务器负载性能的影响，越多的效果就会使服务器需要更多的CPU资料来调配所有，适量一两个效果就可以，不能大量的使用，特别是那些界面上的效果。

easyui和jqueryUI都是W3C标准WEB前端javascript框架，

jQuery EasyUI是一组基于jQuery的UI插件集合，为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，validatebox，window等等。

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

Q5: jQuery与jQuery UI有啥区别？

（1）jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等。

（2）jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等。

在运用中会有闭包， 由于函数内部定义变量作用域问题，如果外部想用这个内部函数创建的一个变量；那就需要在这个函数内部在创建一个函数，创建的这个函数相当于一个桥梁把内部外部函数的变量抛出，这样就解决了不能访问这个变量的问题，那这个内部函数就称为闭包。

其具体特性如下：

a.函数内再嵌套函数

b.内部函数可以引用外层的参数和变量

c.参数和变量不会被垃圾回收机制回收

概括的说,闭包就是能够读取其他函数内部变量的函数，在本质上，它是将函数内部和函数外部连接起来的一座桥梁。