我們很早之前介紹過7個常用的Javascript架構,本文則擴充範圍,收錄21個強大的javascript框架,看看有沒有你沒聽說過的。
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架構 (示範地址)
- 豐富的組件庫
- 簡單,強大,靈活的可程式化性
- 強大的可視化設計支援 : IDE
- 完善的文檔和細緻的教程: Api doc
- 小體積 : javascript css一共只有100K
- 專業的團隊,強大細緻的支援人員 : 全天候的服務, 您可以隨時聯絡我們解決您的疑難雜症.
- 進階UI : 除常規組件外,提供甘特圖,日曆,文件管理器和excel這樣的進階組件.
- 極限的效能 : edo做出來的東西,初始化速度達到理論的極限值!組件的操作效能也是極速!
- 對傳統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架構功能的矩陣。所舉的例子幾乎涵蓋了所有的功能,並提供連結指向原始文檔。