WEB UI 整理

當下對於網站前段開發人員來講，不多有人不使用一些JS框架或者WEB UI庫，所以這些能夠有效提升網站前段開發速度，而且可以統一開發環境，對於不一樣瀏覽器的兼容性也不須要程序員操心，有了這些優勢，固然你們都會使用這些框架或庫。

本文整理了國內外最全面和主流的JS框架與WEB UI庫，裏面有許多人已經十分熟悉，好比JQUERY。固然也有不少是陌生的，能夠經過本文了解他們各自的優缺點，或許你能找到更好用的也說不定！

幾乎全部的富 Web 應用都基於一個或多個 Web UI 庫或框架，這些 UI 庫與框架極大地簡化了開發進程，並帶來一致，可靠，以及高度交互性的用戶界面。本文介紹了 15 個很是強大的 JavaScript Web UI 庫，很是適合各類各類規模的富 Web 應用的開發。

LivePipe

LivePipe UI 基於 Prototype Javascript 框架，包含了一整套經嚴格測試並高度可擴展的 UI 控件，擁有很好的文檔，在不支持 JavaScript 的環境中，能夠無縫降級使用。包括 Tab, 窗體，文本框，多選框，評分控件，進度條，滾動條，右鍵菜單等多種控件。

LivePipe 首頁與下載
LivePipe 演示與示例

UKI

 

UKI 是一套簡單的 JavaScript UI 工具集，用於快速建立桌面風格的 Web 應用。包含的控件從滑動條，到分欄視圖，不一而足。熟悉 jQuery 的開發者會發現這個工具很容易上手，很是簡潔，無需安裝框架，不依賴 CSS 引用。

UKI 主頁與下載
UKI 控件，演示，示例

MochaUI

 

MochaUI 是 MooTools Javascript 框架 與 ExplorerCanvas 的一個備受歡迎的擴展，能夠用來快速建立 Web 應用，Web 桌面，網站，飾件，獨立 Windows，Modal 對話框等等。

MochaUI 主頁與下載
MochaUI 控件，演示，示例

Sigma Ajax UI Builder

SigmaVisual 是一套基於 Web 的，所見即所得的 AJAX UI 建立工具，包含超過40個不見，如 Tab，對話框，樹形圖，時間線等，基於 JavaScript 和 PHP。

Sigma Ajax UI Builder 主頁和下載
Sigma Ajax UI Builder 控件，演示和示例

 

JxLib based MooTools

 

JxLib 是一個基於 MooTools 的 JavaScript UI 框架，包含多數 Web 程序都須要的基本空間，如按鈕，Tab，菜單，樹形結構，對話框等等。JxLib 還支持換膚功能。

JxLib 主頁與下載
JxLib 控件，演示與示例

 

Dijit – The Dojo Toolkit

 

Dijit 基於 Dojo，也是學習 Dojo 擴展的一個好起點。能夠用來建立很是漂亮的 Web 2.0 GUI。支持多語種，甚至支持不一樣語種的文字書寫方向以及本地化數字，日期等等。

Dijit 主頁，下載
Dijit 控件，演示，示例

 

jQuery TOOLS

 

jQuery Tools 是一個很是輕量（2.5kb）的經常使用 UI 庫，支持如下 jQuery 對象，Tabs, 工具提示，滾動條，層，表單以及 Flash 嵌套。

jQuery TOOLS 主頁與下載
jQuery TOOLS 控件，演示，示例

 

jQuery UI

 

jQuery UI 基於 jQuery，包含 3 個大類，飾件，一些內置的 UI 對象；效果，對各類網頁對象施加動畫效果（如爆炸效果）；鼠標交互，如拖放操做。

jQuery UI 首頁與下載
jQuery UI 控件，演示與示例

 

Prototype UI

 

Prototype UI 基於 Prototype 與 Script.aculo.us，包括多個模塊（旋轉木馬，Modal 窗口，陰影，右鍵菜單等），每一個模塊能夠單獨安裝使用。

Prototype UI 主頁與下載
Prototype UI 控件，演示與示例

 

Jitsu

 

Jitsu 功能包括 XML 標記，頁面編譯，動畫引擎，Ajax 以及運行時檢測等等，它的 Ajax 功能使消費級 Web 應用的建立變得很是簡單，支持客戶端數據綁定，還能夠將頁面編譯成 JavaScript，Jitsu 在 Firefox 和 IE 中運行最佳。

Jitsu 主頁與下載
Jitsu 控件，演示與示例

 

Qutensil

Qutensil 仍在開發中，但其路線圖已經顯示出某些引人注目的東西，基於 Prototype 與 Scriptaculous ，包含消息，調色板，滑動條，工具提示，可拖放窗口以及警告，確認，提示等窗口。

Qutensil 主頁，下載
Qutensil 控件，演示，示例

 

Script.aculo.us

script.aculo.us 是一個備受歡迎的 UI 工具集，基於 Prototype 框架，提供了諸如視覺效果，UI 控件以及面向 DOM 的工具。

Script.aculo.us 首頁與下載

Alloy UI

AlloyUI 是一套功能豐富的 UI 框架，基於 YUI 3，部分基於 YUI 2，包含一套豐富的（超過60）UI 部件，如圖片庫，對話框，樹形結構，面板，自動完成，按鈕，日曆控件，工具條等。

Alloy UI 首頁和下載
Alloy UI 控件，演示與示例

 

iUI: iPhone UI 框架

IUI 包含一套 JavaScript 庫，CSS 式樣表及圖片，是一個輕量級 iPhone UI 庫，包含 iPhone 風格導航菜單，設備方向，iPhone 風格切換等功能，能夠爲你的 Web 程序帶來 iPhone 般的體驗。

iUI 主頁與下載

XUI

XUI 是一個用於移動 Web 應用的輕量，極簡，高度模塊化的框架。它之因此很是輕量的緣由是，它只支持移動瀏覽器，全部跨瀏覽器支持的代碼都被剝離。它面向一線移動 Web 瀏覽器，如 Webkit，Fennec 以及 Opera，並有意未來對移動 IE 和黑莓提供支持。

XUI 首頁，下載

Yahoo! YUI Library

Yahoo! YUI Library 可謂全部 Web UI 之父，可靠，功能豐富，目前已經發展到第 3 版。它擁有一個很龐大的開發團隊，推出了很是豐富的功能，就功能而言，無可匹敵