7個常見Javascript架構介紹

設計開發中的“架構”指一套包含工具、函數庫、約定，以及嘗試從常用任務中抽象出可以複用的通用模組，目標是使設計師和開發人員把重點放在任務項目所特有的方面，避免重複開發。通常的講，架構就是就是最常用的javascript架構和Web應用程式框架，當然，還有CSS架構(15個CSS架構簡介和Typogridphy: 適合網格布局的CSS架構和用於網格設計的960網格系統)。

下面我們介紹一些比較常見的Javascript架構，高手跳過，才學JS和ajax的朋友則應該好好瞭解一下。

Dojo

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

YUI(Yahoo! User Interface Library)

Yahoo! User Interface (YUI) Library是一組採用DOM scripting，Dhtml和Ajax等技術開發的Web UI控制項和工具。中文說過來就是“Yahoo使用者介面庫”。

• Yui 工具包利用DOM指令碼來簡化瀏覽器內的開發（in-browser devolvement），使用DHTML和AJAX的特性開發所有的Web程式。
• YUI控制項陳列庫為你頁面提供一組高互動性性的可視化元素。這些元素完全在用戶端建立維護，不需要請求伺服器進行頁面重新整理。

jQuery

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

Mootools

MooTools 是一個簡潔，模組化，物件導向的JavaScript架構。它能夠協助你更快，更簡單地編寫可擴充和相容性強的JavaScript代碼。 Mootools從Prototype.js中汲取了許多有益的設計理念，文法也和其極其類似。但它提供的功能要比Prototype.js多，整體設計也比Prototype.js要相對完善，功能更強大，比如增加了動畫特效、拖放操作等等。

prototype

prototype是一個便於使用、物件導向的JavaScript架構。它封裝並簡化和擴充一些在Web開發過程中常用到JavaScript方法與Ajax互動處理過程。

script.aculo.us

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

ExtJS

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