如今,网上有各种各样的 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. sql表连接left join,right join,inner join三者之间的区别

    sql表连接left join,right join,inner join区别 left join(左联接) 返回包括左表中的所有记录和右表中联结字段相等的记录 (以左表数据为基准,不足补为NULL) ...

  2. 如何在Linux中关闭apache服务(转)

    ??? 最近在写一个简单的http服务器,调试的时候发现apache服务器也在机器上跑着,所以得先把apache关掉.当时装apache的时候就是用了普通的sudo get,也不知道装到哪儿了.到网上 ...

  3. Controlling Site Provisioning Process with a Custom Provider

    http://www.cnblogs.com/frankzye/archive/2010/09/07/1820346.html http://sujoysharepoint2010.blogspot. ...

  4. 获取局域网ip

    显然不可使用基于request请求的request.getRemoteAddr()这个是获取广域网内的服务器地址,比如我请求百度使用这个方法就可以获取到百度的服务器地址 那么InetAddress的I ...

  5. Mybatis+SpringMVC的项目环境搭建

    一.web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi=&qu ...

  6. Hibernate简介2

    一.主配置 ◆查询缓存,同下面讲的缓存不太一样,它是针对HQL语句的缓存,即完全一样的语句再次执行时可以利用缓存数据.但是,查询缓存在一个交易系统(数据变更频繁,查询条件相同的机率并不大)中可能会起反 ...

  7. [Jquery] js验证手机号

    function checkIdPhone(id,idErr){ var reg0=/^(13[0-9]|15[012356789]|18[01235,idErr6789]|14[57]|17[0]) ...

  8. 【概率】poj 2096:Collecting Bugs

    Description Ivan is fond of collecting. Unlike other people who collect post stamps, coins or other ...

  9. CSS的定位属性实现text-shadow属性的文本下产生阴影效果

    只要先理解text-shadow的原理,就能用定位元素进行效果的模仿. text-shadow: h-shadiv v-shadov blur color h-shadv为文本水平移动的距离,正值相对 ...

  10. NIO的Selector

    参考自 Java NIO系列教程(六) Selector Java-NIO-Selector java.nio.channels.Selector NIO新功能Top 10(下) 出发点: 如何管理多 ...