如今,网上有各种各样的 JavaScript 框架用来简化 Web 应用开发。这些框架都提供了一些核心的特性,例如 DOM 操作,动画,事件处理以及 Ajax 交互,但不是都带有 UI 组件。今天这篇文章向大家推荐的10个 JavaScript 框架提供了丰富的 Web UI 组件,帮助你构建一致,可靠以及高度交互的漂亮用户界面。

ExtJS

ExtJS 是最流行的 JavaScript 框架之一,提供了非常丰富的 UI 组件,包括高性能的数据表格、图表、选项卡、弹窗、工具条和菜单等等整套的 Web UI 组件,可以帮助你构建用户体验良好的 Web 应用。最新版本是 4.1 支持 MVC 模式的开发。

Dojo Toolkit

Dojo 自从诞生那天起就成为了 ExtJS 的有力竞争者,它最大的优势在于免费,可以在商业项目中自由使用。Dojo 由 sitepen 创建,其口号是:Unbeatable JavaScript Tools,最新发布的版本是 1.8。

Qooxdoo

Qooxdoo 是一个开源的 JavaScript 框架,让开发者能够通过面向对象的 JavaScript 开发者令人印象深刻的 Web 应用。Qooxdoo 由 1&1 公司维护,在线示例:http://qooxdoo.org/demos

Smartclient

Smartclient 是由 Isomorphic 软件公司创建的 RIA 框架,提供了非常丰富的 Web UI 组件,能够很好的和服务器端结合。Smartclient 提供了多种使用许可协议:Smartclient 版本对比,功能演示地址:http://www.smartclient.com/#Welcome

ZK Framework

ZK Framework 由 Potix 公司开发,特别适合 Java 应用程序开发,提供了丰富的 UI 组件。可以通过提供的插件整合到 Eclipse IDE中。(目前貌似要FQ访问,汗~)

DHTMLX

DHTMLX 和 Smartclient  相似,是一个富 JavaScript 框架,提供了整套的 Web UI 组件。DHTMLX 不是完全免费的,如果需要更丰富的功能的话,需要付费。在线演示:http://www.dhtmlx.com/docs/products/demoApps/

Wijmo

Wijmo 是基于 JQuery UI 开发的 UI 组件包,它的主题也可以通过 Themeroller 定制。和 JQuery UI 不同,wijmo 是需要付费的,最新集成了 Knockout 作为 MVVM 库。在线演示地址:http://wijmo.com/demos/

Vaadin

Vaadin 是一款使用 Apache V2 许可协议的开源产品,它由位于芬兰的 IT Mill 公司开发,常应用于 Java 应用和程序开发。 其前身是 IT Mill 公司由 2000 年起开始研发的 Millstone 用户界面类库。在线演示地址:https://vaadin.com/demo

Echo Web Framework

Echo 是一个用于开发富 Web 应用的开源框架,提供了非常丰富和非常绚丽的基本组件和扩展组件,使开发者基本不需要开发自己的组件就能非常出色的构建酷炫的客户端效果。在线演示地址:http://demo.nextapp.com/echo3csjs/

jQuery Tools

最后推荐的这个框架是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡)、Tooltip(信息提示)、Overlay(遮罩、弹窗)、Scrollable(滚动控制)、Form Validator(表单验证)、Rangeinput(范围选择)、Dateinput(日期选择)等众多功能。想了解详情可浏览这篇文章:《jQuery Tools:Web开发必备的 jQuery UI 库》。

原文链接:http://www.cnblogs.com/lhb25/archive/2012/09/17/10-javascript-

十个拥有丰富UI组件的JS开发框架的更多相关文章

  1. 专注手机端前端界面开发的ui组件和js组合

    frozenui一款腾讯开发的简化版Bootstrap,只用于手机端 http://frozenui.github.io/ https://github.com/frozenui/frozenui z ...

  2. [转载]前端——实用UI组件库

    https://www.cnblogs.com/xuepei/p/7920888.html Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网:https:/ ...

  3. 【转】前端——实用UI组件库

    Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网:https://valor-software.com/ngx-bootstrap/#/ github: h ...

  4. 前端——实用UI组件库

    Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网:https://valor-software.com/ngx-bootstrap/#/ github: h ...

  5. 【分享】Vue 资源典藏(UI组件、开发框架、服务端、辅助工具、应用实例、Demo示例)

    Vue 资源典藏,包括:UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和 ...

  6. vue.js相关UI组件收集

    内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vu ...

  7. Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

    Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 ...

  8. 微信小程序一:微信小程序UI组件、开发框架、实用库

    作者:NiceCui 本文谢绝转载,如需转载需征得作者本人同意,谢谢. 本文链接:http://www.cnblogs.com/NiceCui/p/8079095.html 内容持续更新,维护中 邮箱 ...

  9. 微信小程序UI组件、开发框架、实用库...

    UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wema ...

随机推荐

  1. CCNP第二天 帧中继综合实验

    实验题如图所示: 要求全网可达 R5为帧中继交换机 R6 和 R1之间为快速以太网接口 所使用的拓扑为CCNA标准版拓扑图,如下所示: -------------------------------- ...

  2. SPI协议及其工作原理详解

    一.概述. SPI, Serial Perripheral Interface, 串行外围设备接口, 是 Motorola 公司推出的一种同步串行接口技术. SPI 总线在物理上是通过接在外围设备微控 ...

  3. wpf 绑定失效的原因及解决方案

    有时候,您会发现在程序开始时还能正常运行的绑定失效了.就个人经验而言,绑定的失效主要分为两种情况:对于One-way绑定而言,如果软件开发人员绕过绑定直接更改了目标属性,那么绑定将会失效.而对于Two ...

  4. SQL Server数据库备份(本机)

    基础的SQL Server数据库备份存储过程 /**************************************************************************** ...

  5. 用上新的电脑装上了VS2013了

    今天老魏终于把配置好的电脑拿回来了,16G的内存,I7 4770CPU.这回啊,老魏终于可以舍弃我的本本了,装上了SQL Server,虚拟机等等运行高内存的程序,感觉就是爽.明天老魏就可以用VS20 ...

  6. jvm 参数调优

    FROM: http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html#CMSInitiatingOccupancyFraction ...

  7. VS2010界面主题更换全过程

    VisualStudio 2010的界面默认是蓝色的,背景是白色,字体是宋体,这些设置习惯了还好,但是可能看多了不怎么舒服.而且如果以前是用VS 6.0的知道,它使用的字体更为舒服清晰.所以,可以对V ...

  8. Extjs-4.2.1(一)——编辑 hello word

    前言:在搭建好环境后,就可以利用Extjs进行开发了. 一.在项目中拷贝相关的Extjs文件,如下图: 注意:不需要整个Ext开发包全部导入,这样很容易造成eclipse卡死,因为eclipse会自动 ...

  9. hibernateTemplate的load方法

    hibernateTemplate的load方法采用延迟加载,所以应当注意. 如果配置不当,采用此方法获取对象,往往会出现异常: javax.servlet.ServletException: org ...

  10. 图片流滚动效果html代码(复制)

    <!doctype html> <html> <head>     <meta charset="utf-8" />     < ...