十个拥有丰富 UI 组件的JavaScript开发框架

如今,网上有各种各样的 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/。

 

ZK Framework

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

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(日期选择)等众多功能。

文章来源:梦想天空,转载请注明出处。

时间: 2024-09-30 21:40:40

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

WEBJX推荐10个带有漂亮UI组件的JavaScript框架

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

前端开发框架UI组件和Javascript插件

文章简介:支持响应式设计的流行前端开发框架. 在几年前,并没有真正意义上的前端开发.随着网络技术的发展,网站和 Web 应用程序变得越来越复杂,前端部分的工作独立出来逐渐成为现在的前端开发.如今,我们可以看到越来越多的公司在招聘前端开发岗位. 前端开发并不容易,除了掌握基本的 HTML.CSS 和 Javascript 之外,因为不同版本的浏览器和平台,你需要知道如何做一个跨浏览器的网站.而最新的发展趋势--响应式设计,它不仅使 Web 项目开发更难,也需要花费更多的开发时间. 不过,有很多优秀

PHP开发框架Yii Framework教程(18) UI 组件 TextHighlighter示例

CTextHighlighter用来格式化显示代码,目前支持显示的语言有ABAP, CPP, CSS, DIFF, DTD, HTML, JAVA, JAVASCRIPT, MYSQL, PERL, PHP, PYTHON, RUBY, SQL, XML,显示代码时也可以显示行号,通过showLineNumbers=TRUE打开行号显示. 本例显示PHP代码,一个带行号,一个不带行号: PHP code <!--?php $this--->beginWidget('CTextHighlight

PHP开发框架Yii Framework教程(22) UI组件 Zii组件简介

前面介绍了Yii框架支持的部分UI组件,除了前面介绍的UI组件外,Yii框架还提供了Zii组件库,包括列表视图ListView,表 格视图GridView,此外还包括一些基于JQuery的UI组件,如AutoComplete,DataPicker, Button, Drag 和 Drop等,Zii组件主要 定义在包zii.* ,zii.widget.* 开发框架Yii Framework教程(22) UI组件 Zii组件简介-yii2 user组件"> 由于其中部分UI组件和数据源(Dat

PHP开发框架Yii Framework教程(20) UI组件 Captcha示例

Captcha(全自动区分计算机和人类的图灵测试-Completely Automated Public Turing test to tell Computers and Humans Apart,简称CAPTCHA)俗称验证码,是一种区分用户是计算机和人的公共全自动程序.在CAPTCHA测试中,作为服务器的 计算机会自动生成一个问题由用户来解答.这个问题可以由计算机生成并评判,但是必须只有人类才能解答.由于计算机无法解 答CAPTCHA的问题,所以回答出问题的用户就可以被认为是人类. Yii

PHP开发框架Yii Framework教程(17) UI 组件 TabView示例

CTabView 用来显示分页标签,使用TabView的基本方法是配置tabs属性,每个Tab可以配置如下属性 title:标签标 题. content: 标签显示内容. view: 标签显示View的名称,如果同时制定Content,则显示Content内容. url: 点击该 标签时页面重定向到指定URL. data: 当指定View属性时传给该View的属性数组. 本例显示三个标签页,分别使用不同 的标签内容: <center class="form"> <?p

PHP开发框架Yii Framework教程(16) UI 组件 StarRating示例

CStarRating 主要用于评分,显示一组星星(5 个)用于打分. 基本用法如下 <center class="form"> <?php $form=$this->beginWidget('CActiveForm'); ?> <?php $this->widget('CStarRating',array( 'model'=>$model, 'attribute'=>'rating', 'name'=>'rating', '

PHP开发框架Yii Framework教程(14) UI 组件 MaskedTextField示例

CMaskedTextField为格式输入框,可以为文本框指定Mask限制用户可以出入的文本格式,如本例使用99.99.9999 ,可以只允 许输入类似日期的文本. 修改View,添加CMaskedTextField 组件 <?php $this->widget ('CMaskedTextField',array( 'model'=>$model, 'attribute'=>'date', 'name'=>'date', 'mask'=>'99.99.9999', 'h

PHP开发框架Yii Framework教程(13) UI 组件 ContentDecorator示例

和Java Swing中类似Yii Framework 中的Layout 也允许嵌套,这是通过CContentDecorator来实现的,不过代码中并不需要 直接使用CContentDecorator ,而是在定义layout使用 $this->beginContent('path/to/view'); // ... content to be decorated $this->endContent(); 其中view 为另外一个布局. 本例定义四个Layout,一个嵌套一个: 开发框架Yii