十個(gè)擁有豐富UI組件的JS開發(fā)框架
如今,網(wǎng)上有各種各樣的 JavaScript 框架用來簡(jiǎn)化 Web 應(yīng)用開發(fā)。這些框架都提供了一些核心的特性,例如 DOM 操作,動(dòng)畫,事件處理以及 Ajax 交互,但不是都帶有 UI 組件。今天這篇文章向大家推薦的10個(gè) JavaScript 框架提供了豐富的 Web UI 組件,幫助你構(gòu)建一致,可靠以及高度交互的漂亮用戶界面。
ExtJS
ExtJS 是最流行的 JavaScript 框架之一,提供了非常豐富的 UI 組件,包括高性能的數(shù)據(jù)表格、圖表、選項(xiàng)卡、彈窗、工具條和菜單等等整套的 Web UI 組件,可以幫助你構(gòu)建用戶體驗(yàn)良好的 Web 應(yīng)用。最新版本是 4.1 支持 MVC 模式的開發(fā)。
Dojo Toolkit
Dojo 自從誕生那天起就成為了 ExtJS 的有力競(jìng)爭(zhēng)者,它最大的優(yōu)勢(shì)在于免費(fèi),可以在商業(yè)項(xiàng)目中自由使用。Dojo 由 sitepen 創(chuàng)建,其口號(hào)是:Unbeatable JavaScript Tools,最新發(fā)布的版本是 1.8。
Qooxdoo
Qooxdoo 是一個(gè)開源的 JavaScript 框架,讓開發(fā)者能夠通過面向?qū)ο蟮?JavaScript 開發(fā)者令人印象深刻的 Web 應(yīng)用。Qooxdoo 由 1&1 公司維護(hù),在線示例:http://qooxdoo.org/demos。
Smartclient
Smartclient 是由 Isomorphic 軟件公司創(chuàng)建的 RIA 框架,提供了非常豐富的 Web UI 組件,能夠很好的和服務(wù)器端結(jié)合。Smartclient 提供了多種使用許可協(xié)議:Smartclient 版本對(duì)比,功能演示地址:http://www.smartclient.com/#Welcome。
ZK Framework
ZK Framework 由 Potix 公司開發(fā),特別適合 Java 應(yīng)用程序開發(fā),提供了豐富的 UI 組件??梢酝ㄟ^提供的插件整合到 Eclipse IDE中。(目前貌似要翻墻訪問,汗~)
DHTMLX
DHTMLX 和 Smartclient 相似,是一個(gè)富 JavaScript 框架,提供了整套的 Web UI 組件。DHTMLX 不是完全免費(fèi)的,如果需要更豐富的功能的話,需要付費(fèi)。在線演示:http://www.dhtmlx.com/docs/products/demoApps/。
Wijmo
Wijmo 是基于 JQuery UI 開發(fā)的 UI 組件包,它的主題也可以通過 Themeroller 定制。和 JQuery UI 不同,wijmo 是需要付費(fèi)的,最新集成了 Knockout 作為 MVVM 庫。在線演示地址:http://wijmo.com/demos/。
Vaadin
Vaadin 是一款使用 Apache V2 許可協(xié)議的開源產(chǎn)品,它由位于芬蘭的 IT Mill 公司開發(fā),常應(yīng)用于 Java 應(yīng)用和程序開發(fā)。 其前身是 IT Mill 公司由 2000 年起開始研發(fā)的 Millstone 用戶界面類庫。在線演示地址:https://vaadin.com/demo。
Echo Web Framework
Echo 是一個(gè)用于開發(fā)富 Web 應(yīng)用的開源框架,提供了非常豐富和非常絢麗的基本組件和擴(kuò)展組件,使開發(fā)者基本不需要開發(fā)自己的組件就能非常出色的構(gòu)建酷炫的客戶端效果。在線演示地址:http://demo.nextapp.com/echo3csjs/。
jQuery Tools
最后推薦的這個(gè)框架是基于 jQuery 開發(fā)的網(wǎng)站界面庫,包含網(wǎng)站最常用的Tabs(選項(xiàng)卡)、Tooltip(信息提示)、Overlay(遮罩、彈窗)、Scrollable(滾動(dòng)控制)、Form Validator(表單驗(yàn)證)、Rangeinput(范圍選擇)、Dateinput(日期選擇)等眾多功能。想了解詳情可瀏覽這篇文章:《jQuery Tools:Web開發(fā)必備的 jQuery UI 庫》。
原文鏈接:http://www.cnblogs.com/lhb25/archive/2012/09/17/10-javascript-framework-with-rich-ui-component.html
【編輯推薦】