萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 十個擁有豐富 UI 組件的JavaScript開發框架

十個擁有豐富 UI 組件的JavaScript開發框架

如今,網上有各種各樣的 JavaScript 框架用來簡化 Web應用開發。這些框架都提供了一些核心的特性,例如 DOM 操作,動畫,事件處理以及 Ajax 交互,但不是都帶有 UI 組件。今天這篇文章向大家推薦的10個 JavaScript 框架提供了豐富的Web UI組件,幫助你構建一致,可靠以及高度交互的漂亮用戶界面。

ExtJS

ExtJS 是最流行的 JavaScript 框架之一,提供了非常豐富的 UI 組件,包括高性能的數據表格、圖表、選項卡、彈窗、工具條和菜單等等整套的 Web UI 組件,可以幫助你構建用戶體驗良好的 Web 應用。最新版本是 4.1 支持 MVC 模式的開發。

十個擁有豐富 UI 組件的JavaScript開發框架 三聯教程

Dojo Toolkit

Dojo 自從誕生那天起就成為了 ExtJS 的有力競爭者,它最大的優勢在於免費,可以在商業項目中自由使用。Dojo 由 sitepen 創建,其口號是:Unbeatable JavaScript Tools,最新發布的版本是 1.8。

dojotoolkit sample screen

Qooxdoo

Qooxdoo 是一個開源的 JavaScript 框架,讓開發者能夠通過面向對象的 JavaScript 開發者令人印象深刻的 Web 應用。Qooxdoo 由 1&1 公司維護,在線示例:http://qooxdoo.org/demos。

qooxdoo sample widget 

Smartclient

Smartclient 是由 Isomorphic 軟件公司創建的 RIA 框架,提供了非常豐富的 Web UI 組件,能夠很好的和服務器端結合。Smartclient 提供了多種使用許可協議:Smartclient 版本對比,功能演示地址:http://www.smartclient.com/#Welcome。

smartclient sample widget 

ZK Framework

ZK Framework 由 Potix 公司開發,特別適合 Java 應用程序開發,提供了豐富的 UI 組件。可以通過提供的插件整合到 Eclipse IDE中。(目前貌似要翻牆訪問,汗~)

zk sample application

DHTMLX

DHTMLX 和 Smartclient  相似,是一個富 JavaScript 框架,提供了整套的 Web UI 組件。DHTMLX 不是完全免費的,如果需要更豐富的功能的話,需要付費。在線演示:http://www.dhtmlx.com/docs/products/demoApps/。

dhtmlx sample application 

Wijmo

Wijmo 是基於 JQuery UI 開發的 UI 組件包,它的主題也可以通過 Themeroller 定制。和 JQuery UI 不同,wijmo 是需要付費的,最新集成了 Knockout 作為 MVVM 庫。在線演示地址:http://wijmo.com/demos/。

wijmo sample grid 

Vaadin

Vaadin 是一款使用 Apache V2 許可協議的開源產品,它由位於芬蘭的 IT Mill 公司開發,常應用於 Java 應用和程序開發。 其前身是 IT Mill 公司由 2000 年起開始研發的 Millstone 用戶界面類庫。在線演示地址:https://vaadin.com/demo。

vaadin sample  

Echo Web Framework

Echo 是一個用於開發富 Web 應用的開源框架,提供了非常豐富和非常絢麗的基本組件和擴展組件,使開發者基本不需要開發自己的組件就能非常出色的構建酷炫的客戶端效果。在線演示地址:http://demo.nextapp.com/echo3csjs/。

echo web framework 

jQuery Tools

最後推薦的這個框架是基於 jQuery 開發的網站界面庫,包含網站最常用的Tabs(選項卡)、Tooltip(信息提示)、Overlay(遮罩、彈窗)、Scrollable(滾動控 制)、Form Validator(表單驗證)、Rangeinput(范圍選擇)、Dateinput(日期選擇)等眾多功能。

文章來源:夢想天空,轉載請注明出處。

copyright © 萬盛學電腦網 all rights reserved