JS框架整理

1. Dojo (演示地址)

Dojo是一個強大的面向對象JavaScript框架。主要由三大模塊組成：Core、Dijit、DojoX。Core提供ajax，events，packaging，CSS-based querying，animations，JSON等相關操做API。Dijit是一個可更換皮膚，基於模板的WEB UI控件庫。DojoX包括一些創新/新穎的代碼和控件：DateGrid，charts，離線應用，跨瀏覽器矢量繪圖等。

2. Jquery

jquery是一個快速、簡潔的JavaScript框架，幫助你簡化查詢DOM對象，處理事件，製做動畫，和處理Ajax交互過程。利用jQuery將改變你編寫JavaScript代碼的方式。原先用20行代碼完成的功能，jQuery用10行就能夠輕鬆搞定。

3. Yahoo! User Interface Library (演示地址)

Yahoo! User Interface (YUI) Library是一組採用DOM scripting，Dhtml和Ajax等技術開發的Web UI控件和工具。當前提供的控件有：

• AutoComplete
• Button
• Calendar
• Charts
• Color Picker
• Container（包括：Module、Overlay、Panel、Tooltip、Dialog、SimpleDialog）
• DataTable
• ImageCropper
• Layout Manager
• Menu
• Rich Text Editor
• Slider
• TabView
• TreeView
• Uploader

4. MooTools (演示地址)

MooTools是一個簡潔，模塊化，面向對象的JavaScript框架。它可以幫助你更快，更簡單地編寫可擴展和兼容性強的JavaScript代碼。 Mootools從Prototype.js中汲取了許多有益的設計理念，語法也和其極其相似。但它提供的功能要比Prototype.js多，總體設計也比Prototype.js要相對完善，功能更強大，好比增長了動畫特效、拖放操做等等。

5. Qooxdoo (演示地址)

qooxdoo是一個用於開發Ajax應用程序的GUI框架。不須要HTML,CSS,DOM知識，採用面向對象的JavaScript API就可以開發出相似於Window桌面風格的Web應用程序。

6. Prototype

prototype是一個易於使用、面向對象的JavaScript框架。它封裝並簡化和擴展一些在Web開發過程當中經常使用到JavaScript方法與Ajax交互處理過程。

7. script.aculo.us

script.aculo.us是一個易於使用，支持多種瀏覽器，用於加強Prototype的JavaScript框架。script.aculo.us包含：動畫框架（animation framework），拖放（drag and drop）， Ajax控件，DOM工具，單元測試等。

8. ExtJS

ExtJS是一個跨瀏覽器，用於開發RIA（Rich iInternet Application）應用的JavaScript框架。提供：高性，可定製的Web UI控件庫。良好的設計、豐富的文檔和可擴展的組件模型。

9. Mocha (演示地址)

Mocha是一個構建在Mootools Javascript框架上的web應用程序UI庫。Mocha GUI組件由canvas標記產生。

10. Rich Ajax Framework (演示地址)

Rico是一個面向對象的JavaScript框架，用於開發RIA應用程序。它實現了Grid，Calendar，Tree，Accordion等控件。簡化Ajax處理，拖放支持，提供幻燈片展現效果等。

11. Silverlight Toolkit

Silverlight Toolkit是一組用於增長Silverlight現有功能的控件，組件和工具類。包括：

• AutoCompleteBox
• NumericUpDown
• Viewbox
• Expander
• ImplicitStyleManager
• Charting
• TreeView
• DockPanel
• WrapPanel
• Label
• HeaderedContentControl
• HeaderedItemsControl

12. PHP.JS

PHP.JS是一個開源項目，它將PHP中的部分函數功能移植到javascript中。只要在你的項目裏包括這個php.js庫文件，你就能夠在客戶端瀏覽器上運行你所熟悉的PHP函數了。好比md5(),date(),mktime(),base64_decode()。

該項目還提供了javascript原生並不支持的一些功能，好比file_get_contents(), mktime(), serialize()等

13. Glow (演示地址)

Glow是由BBC廣播公司開發的一個開源JavaScript框架，提供的功能與jQuery、MooTools等框架類似。它除了提供一些經常使用的功能和解決跨瀏覽器的問題以外，還提供一組Web UI控件.

14. UIZE JavaScript Framework (演示地址)

UIZE JavaScript Framework是一個強大、開源、面向對象的JavaScript框架。支持widgets、AJAX、DOM、模板等。

15. EdoJS框架 (演示地址)

1. 豐富的組件庫
2. 簡單,強大,靈活的可編程性
3. 強大的可視化設計支持 : IDE
4. 完善的文檔和細緻的教程: Api doc
5. 小體積 : javascript css一共只有100K
6. 專業的團隊,強大細緻的技術支持 : 全天候的服務, 您能夠隨時聯繫咱們解決您的疑難雜症.
7. 高級UI : 除常規組件外,提供甘特圖,日曆,文檔管理器和excel這樣的高級組件.
8. 極限的性能 : edo作出來的東西,初始化速度達到理論的極限值!組件的操做性能也是極速!
9. 對傳統UI框架的突破 : 隨着界面的複雜度增長,瀏覽器內的DOM元素量增多,致使用戶操做愈來愈慢,UI的響應愈來愈差,甚至致使作出來的界面慢的沒法運行. edo自然作了這方面的優化,強大的」動態」機制,即時您須要支持1萬行N(N>=100)列的表格組件,在edo中也已經成爲現實! 性能!是edo的一大殺手鐗!

16. Spinelz

Spinelz是一個JavaScript庫，使Web開發人員建立豐富Internet應用程序。Spinelz基於script.aculo.us 。 提供的功能是利用一些script.aculo.us的ajax和動畫效果使價值最大值。

17. June Framework (演示地址)

基於Core核心庫的一個小巧的JS框架，它的做者是 Kevin Yank 和 Cameron Adams。開發人員能夠將這個框架引入本身的項目中，沒必要擔憂與其它JS庫發生衝突，由於JUNE是它獨特的命名空間。

JUNE 具備強大的支持功能：

• DOM 選擇 (例如: JUNE.Dom.getByTags/getByClass/getByAttribute),
• DOM 操做 (例如: JUNE.Dom.insertBefore/insertAfter/removeChild

18. Scripty2 (演示地址)

Scripty2 一個徹底重寫的Script.aculo.us 腳本庫，加強了動感效果。

19. Ajax Push Engine (演示地址)

Ajax Push Engine爲一開源的插件,容許數以千計瀏覽者即時交換數據,而無需在從新加載網頁,也不須要安裝其餘的插件。

20. Glimmer

Glimmer中文爲微光的意思，Glimmer是一個基於jQuery的效果集工具包，不須要手寫 Javascript代碼就能夠實現許多的頁面特效，如經常使用的工具提示條(tooltips)，圖片切換(sequence)，褪色效果(fade)，下 拉菜單(dropdown)，自由式效果(Freestyle)，段褪色效果(paraFade)。最大特色在於不須要手寫Javascript代碼，只 須要HTML和CSS。

Glimmer就比如幾個插件的集合，但不須要手寫Javascript代碼，直接在HTML元素中引用，很是方例和簡單，效果圖以下：

21. JavaScript Framework Matrix

JavaScript Framework Matrix是一個比較當前各類流行JavaScript框架功能的矩陣。所舉的例子幾乎涵蓋了全部的功能，並提供連接指向原始文檔。

 

22. SproutCore

 

 

SproutCore 蘋果對SproutCore的解釋爲「開源，平臺無關，類Cocoa的JavaScript框架，用於建立具備桌面應用程序外觀和操做感的Web應用程序。」

SproutCore demonstrations: Photos, Sample Controls

 

23. Spry

Spry 是Adobe 的 Ajax framework. Spry的目的是成爲實現Ajax的一種簡單方式，對HTML、CSS和JavaScript體驗據有入門級水平的設計人員應該可以發現Spry是一種整合內容的簡單方法。

Spry demonstrations: Photo Gallery, RSS Reader, Form Validation Widgets

 

24. JavaScriptMVC

JavaScriptMVC 是一個功能強大的 JavaScript framework. 也是一個很棒的JavaScript測試框架，它一樣能提升開發的速度。JavaScriptMVC應用了模型-視圖-控制器架構模式，把業務邏輯和表示分離，使得代碼更加模塊化。

JavaScriptMVC demonstrations: Error Demo, History Demo, Todo Demo

 

25. qooxdoo

qooxdoo 是一個 Ajax 應用框架使用基於面向對象 JavaScript. qooxdoo是一個功能強大基於JavaScript GUI工包，它讓你能夠用JavaScript來開發相似於VB/Delphi風格的具備Ajax功能的web2.0應用程序。qooxdoo具備客戶端 瀏覽器檢測功能，具備瀏覽器抽象層，能夠無差異的建立跨瀏覽器的Web應用程序，它提供方便的調試接口，具備事件管理、聚焦管理、定時器、邊框和對象屬性 等特徵。它提供一組窗體組件並擴展了佈局，它還提供跨平臺的png圖形透明支持功能。此外，qooxdoo提供一個原子組件，你能夠在其基礎上開發你本身 的組件。

Qooxdoo demonstrations: demo browser, Feed Reader

 

26. midori

midori是一個輕量的JavaScript框架。即便沒有壓縮，它也只有45KB，而相比之下，jQuery壓縮後也有54KB。不過它的輕量並不意 味着它缺少複雜的JavaScript功能。Midori提供了包括跨瀏覽器的Ajax功能，CSS選擇器等等這些JavaScript框架通常都具備的 功能。

midori demonstrations: drag and drop, popups, toggle

 

27. Archetype JavaScript Framework

Archetype JavaScript Framework與Prototype有不少共同點。它有一個獨立的管理系統，可以只初始化頁面須要的組件。並且Archetype強調代碼易讀性，和HTML/CSS/JavaScript分離的最優方法。

Archetype demonstration: Slidy Presentation

 

28. June Framework

June Framework從Core library中獲取靈感，應用了模塊設計模式。若是你使用MS Visual Studio 2008的話，你會愛上它提供的文檔，由於它使用了Visual Studio的代碼格式。

June Framework demonstrations: setOpacity, highlight, getKeyName

 

29. UIZE

UIZE（發音: you eyes）是另外一個強調RIA的JavaScript框架。它提供了不少Widget，好比日期選擇器，表格過濾器，進度條，顏色選擇器等。