幾乎所有的富 Web 應(yīng)用都基于一個或多個 Web UI 庫或框架,這些 UI庫與框架極大地簡化了開發(fā)進(jìn)程,并帶來一致,可靠,以及高度交互性的用戶界面。本文介紹了 15 個非常強(qiáng)大的 JavaScript Web UI庫,非常適合各種各種規(guī)模的富 Web 應(yīng)用的開發(fā)。
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套經(jīng)嚴(yán)格測試并高度可擴(kuò)展的 UI 控件,擁有很好的文檔,在不支持 JavaScript 的環(huán)境中,可以無縫降級使用。包括 Tab,窗體,文本框,多選框,評分控件,進(jìn)度條,滾動條,右鍵菜單等多種控件。
UKI 是一套簡單的 JavaScript UI工具集,用于快速創(chuàng)建桌面風(fēng)格的 Web 應(yīng)用。包含的控件從滑動條,到分欄視圖,不一而足。熟悉 jQuery 的開發(fā)者會發(fā)現(xiàn)這個工具很容易上手,非常簡潔,無需安裝框架,不依賴CSS 引用。
MochaUI 是 MooTools Javascript 框架 與 ExplorerCanvas的一個備受歡迎的擴(kuò)展,可以用來快速創(chuàng)建 Web 應(yīng)用,Web 桌面,網(wǎng)站,飾件,獨立 Windows,Modal 對話框等等。
中文編譯來源:銳商企業(yè)CMS網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站
SigmaVisual是一套基于 Web 的,所見即所得的 AJAX UI 創(chuàng)建工具,包含超過40個不見,如 Tab,對話框,樹形圖,時間線等,基于JavaScript 和 PHP。
SigmaAjax UI Builder 主頁和下載
SigmaAjax UI Builder 控件,演示和示例
JxLib 是一個基于 MooTools 的 JavaScript UI 框架,包含多數(shù) Web程序都需要的基本空間,如按鈕,Tab,菜單,樹形結(jié)構(gòu),對話框等等。JxLib 還支持換膚功能。
Dijit基于 Dojo,也是學(xué)習(xí) Dojo擴(kuò)展的一個好起點??梢杂脕韯?chuàng)建非常漂亮的 Web 2.0 GUI。支持多語種,甚至支持不同語種的文字書寫方向以及本地化數(shù)字,日期等等。
jQuery Tools是一個非常輕量(2.5kb)的常用 UI 庫,支持以下 jQuery 對象,Tabs, 工具提示,滾動條,層,表單以及 Flash 嵌套。
jQuery TOOLS主頁與下載
jQueryTOOLS 控件,演示,示例
jQuery UI 基于 jQuery,包含 3 個大類,飾件,一些內(nèi)置的 UI對象;效果,對各種網(wǎng)頁對象施加動畫效果(如爆炸效果);鼠標(biāo)交互,如拖放操作。
jQuery UI 首頁與下載
jQuery UI 控件,演示與示例
Prototype UI 基于 Prototype 與 Script.aculo.us,包括多個模塊(旋轉(zhuǎn)木馬,Modal窗口,陰影,右鍵菜單等),每個模塊可以單獨安裝使用。
Prototype UI主頁與下載
PrototypeUI 控件,演示與示例
Jitsu 功能包括 XML標(biāo)記,頁面編譯,動畫引擎,Ajax 以及運行時檢測等等,它的 Ajax 功能使消費級 Web應(yīng)用的創(chuàng)建變得非常簡單,支持客戶端數(shù)據(jù)綁定,還可以將頁面編譯成 JavaScript,Jitsu 在 Firefox 和 IE中運行最佳。
Qutensil仍在開發(fā)中,但其路線圖已經(jīng)顯示出某些引人注目的東西,基于 Prototype與 Scriptaculous,包含消息,調(diào)色板,滑動條,工具提示,可拖放窗口以及警告,確認(rèn),提示等窗口。
Qutensil 主頁,下載
Qutensil控件,演示,示例
script.aculo.us 是一個備受歡迎的 UI工具集,基于 Prototype 框架,提供了諸如視覺效果,UI 控件以及面向 DOM 的工具。
AlloyUI 是一套功能豐富的 UI 框架,基于 YUI3,部分基于 YUI 2,包含一套豐富的(超過60)UI 部件,如圖片庫,對話框,樹形結(jié)構(gòu),面板,自動完成,按鈕,日歷控件,工具條等。
Alloy UI 首頁和下載
Alloy UI控件,演示與示例
IUI 包含一套 JavaScript 庫,CSS式樣表及圖片,是一個輕量級 iPhone UI 庫,包含 iPhone 風(fēng)格導(dǎo)航菜單,設(shè)備方向,iPhone 風(fēng)格切換等功能,可以為你的Web 程序帶來 iPhone 般的體驗。
XUI 是一個用于移動 Web應(yīng)用的輕量,極簡,高度模塊化的框架。它之所以非常輕量的原因是,它只支持移動瀏覽器,所有跨瀏覽器支持的代碼都被剝離。它面向一線移動 Web瀏覽器,如 Webkit,F(xiàn)ennec 以及 Opera,并有意將來對移動 IE 和黑莓提供支持。
Yahoo! YUI Library 可謂所有Web UI 之父,可靠,功能豐富,目前已經(jīng)發(fā)展到第 3 版。它擁有一個很龐大的開發(fā)團(tuán)隊,推出了非常豐富的功能,就功能而言,無可匹敵。
YUI Library主頁與下載
YUI2入門
YUI3入門
YUI3控件,演示與示例
本文國際來源:Specky Boy 15Javascript Web UI Libraries, Frameworks and Toolkits