目前最全的javascript架構和Web UI庫

來源:互聯網
上載者:User

當下對於網站前段開發人員來說,很少有人不使用一些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 控制項,示範,樣本

中文編譯來源:銳商企業CMS 網站內容管理系統 官方網站

Sigma Ajax UI Builder

SigmaVisual 是一套基於 Web 的,所見即所得 (WYSIWYG)的 AJAX UI 建立工具,包含超過40個不見,如 Tab,對話方塊,樹形圖,時間軸等,基於 JavaScript 和 PHP。

Sigma Ajax UI Builder 首頁和下載
Sigma Ajax UI Builder 控制項,示範和樣本

JxLib based MooTools

JxLib 是一個基於 MooTools 的 JavaScript 使用者介面架構,包含多數 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 是一套功能豐富的 使用者介面架構,基於 YUI 3,部分基於 YUI 2,包含一套豐富的(超過60)UI 組件,片庫,對話方塊,樹形結構,面板,自動完成,按鈕,日曆控制項,工具條等。

Alloy UI 首頁和下載
Alloy UI 控制項,示範與樣本

iUI: iPhone 使用者介面架構

IUI 包含一套 JavaScript 庫,CSS 式樣表及圖片,是一個輕量級 iPhone UI 庫,包含 iPhone 風格導覽功能表,裝置方向,iPhone 風格切換等功能,可以為你的 Web 程式帶來 iPhone 般的體驗。

iUI 首頁與下載

XUI

XUI 是一個用於移動 Web 應用程式的輕量,極簡,高度模組化的架構。它之所以非常輕量的原因是,它只支援行動瀏覽器,所有跨瀏覽器支援的代碼都被剝離。它面向一線移動 網頁瀏覽器,如 Webkit,Fennec 以及 Opera,並有意將來對移動 IE 和黑莓提供支援。

XUI 首頁,下載

Yahoo! YUI Library

Yahoo! YUI Library 可謂所有 Web UI 之父,可靠,功能豐富,目前已經發展到第 3 版。它擁有一個很龐大的Team Dev,推出了非常豐富的功能,就功能而言,無可匹敵。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.