框架比較
表1對本文中討論的五個框架提供詳細的比較
|
Prototype |
jQuery |
YUI |
ExtJS |
MooTools |
Latest Version
1.6.1
1.4.1
3.00
3.1
1.2.4
License
MIT
MIT & GPL
BSD
Commercial & GPL v3
MIT
Browser Compatibility
IE Support
6.0+
6.0+
6.0+
6.0+
6.0+
Firefox Support
1.5+
2.0+
3.0+
1.5+
2.0+
Safari Support
2.0.4+
3.0+
4.0+
3.0+
2.0+
Opera Support
9.25+
9.0+
10.0+
9.0+
9.0+
Chrome Support
1.0+
1.0+
Not verified
Not verified
Not verified
Core Features
Ajax Support
Yes
Yes
Yes
Yes
Yes
DOM Manipulation
Yes
Yes
Yes
Yes
Yes
DOM Traversal
Yes
Yes
Yes
Yes
Yes
Event Handling
Yes
Yes
Yes
Yes
Yes
JSON
Yes
Yes
Yes
Yes
Yes
Selectors
Yes
Yes
Yes
Yes
Yes
UX/UI Enhancements
Accordion
No
jQuery UI
No
Yes
MooTools More
Animation
scriptaculous
Yes
Yes
Yes
Yes
Auto Completion
scriptaculous
No
Yes
Yes
No
Browser History
scriptaculous
No
Yes
Yes
No
Calendar
No
jQuery UI
Yes
Yes
No
Charting
No
No
Yes
Yes
No
Drag and Drop
scriptaculous
jQuery UI
Yes
Yes
MooTools More
Grids
No
No
Yes
Yes
MooTools More
Progress Bar
No
jQuery UI
Yes
Yes
No
Resizing
No
jQuery UI
Yes
Yes
No
Rich Text Editor
No
No
Yes
Yes
No
Slider
scriptaculous
jQuery UI
Yes
Yes
MooTools More
Tabs
No
jQuery UI
Yes
Yes
No
Themes
No
jQuery UI
Yes
Yes
MooTools More
Tree Views
No
No
Yes
Yes
No
其他值得注意的框架
為了簡潔，本文只討論五個比較流行的框架，這並不意味著這是最流行的、最好的、功能最豐富的。
其它的一些框架也值得一提、值得一看。
- Cappuccino
- Dojo
- Glow
- GWT
- MochiKit
- Qooxdoo
- Rialto
- Rico
- SproutCore
- Spry
- UIZE
回顧
在本文中，你已經了解到JavaScript框架的概念，知道它在網站和網絡應用發展中的好處。對這些框架的共同功能有一個總體描述，並用實例說明了它的應用。同時你也了解到五個框架的一個或一些用戶體驗和用戶界面。最後，你得到了一份直觀的表格，突出顯示每個框架具有或不具有的特色。有了這些信息，在為你或你的團隊作出明智選擇之前，你可以進一步研究這些框架。
資源
- (developerWorks, November 2005) explains how to
build Ajax-based Web applications.
- Learn about Dojo.
- Read the articleDojo concepts for Java developers(developerWorks, October 2008) to bridge the gap from Java code to Dojo so that you can get up to speed quickly and use the toolkit when developing your applications.
- Read Call SOAP Web services with Ajax,
Part 1: Build the Web services client
(developerWorks, October 2005) to learn how to implement a Web browser-based
SOAP Web services client using the Ajax design pattern.
- Overcome
security threats for Ajax applications
(developerWorks, June 2007) discusses the
threats associated with Ajax technologies and gives you some best
practices to avoid them.
- Mastering
Ajax, Part 1: Introduction to Ajax
(developerWorks, December 2005) explains how HTML,
JavaScript, DHTML, and DOM work together to make extremely efficient Web
development an easy reality.
- Simplify Ajax development with jQuery
(developerWorks, April 2007) examines the jQuery
philosophy, explains its features and functions, and gives you some common
Ajax tasks.
- Using Ajax with DB2
(developerWorks, August 2007) shows how the IBM Information
on Demand 2006 Conference Personal Planner uses Ajax to work with
DB2®.
- To listen to interesting interviews and
discussions for software developers, check out developerWorks podcasts.
- developerWorks technical events and webcasts:
Stay current with developerWorks technical events and webcasts.
獲得產品和技術
- Download the Dojo toolkit. Dojo toolkit.
- Get the Prototype Javascript framework.
- Get jQuery.
- The jQuery User Interface provides
abstractions for low-level interaction and animation, advanced effects and
high-level, themeable widgets, built on top of the jQuery JavaScript
Library.
- Get script.aculo.us.
- Get MooTools.
- Download and
learn about the Yahoo! YUI Library.
- Get ExtJS.
- Innovate your
next open source development project with IBM trial software,
available for download or on DVD.
- Download IBM product evaluation versions,
and get your hands on application development tools and middleware
products from DB2, Lotus®, Rational®, Tivoli®, and
WebSphere®.
關於作者
Joe Lennon is a 24-year-old software developer from Cork, Ireland. Joe is author of the forthcoming Apress book Beginning CouchDB, and has contributed several technical articles and tutorials to IBM developerWorks. In his spare time, Joe likes to play football (soccer), tinker with gadgets and work on his Xbox 360 gamer score.
轉載地址：http://www.denisdeng.com/?p=736
原文地址：http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html
摘要：現代網站和web應用程序趨向於依賴客戶端的大量的javascript來提供豐富的交互。特別是通過不刷新頁面的異步請求來返回數據或從服務器端的腳本（或數據系統）中得到響應。在這篇文章中，你將會了解到javascript框架如何更快、更方便的創建互動性強、響應快得網站和web應用程序。
導言：JavaScript是一種面向對象的腳本語言，一直以來用作Web浏覽器應用程序客戶端腳本接口的選擇。JavaScript允許Web開發人員編程與網頁上的對象的工作,為憑空操作這些對象提供了一個平台。當JavaScript最初推出時，它通常用來提供一些微不足道的功能，如時鐘、在浏覽器狀態欄中滾動文本。另外一個常用特色就是“rollover link”,即當用戶的鼠標滑過對象時，其文本的顏色或背景圖片發生改變。然而，近年來Ajax為網絡編程帶來了全新的互動，JavaScript幾經發展變得更加有用。在Ajax之前，任何服務器端處理或數據庫訪問都需要整頁面被“刷新”或由浏覽器呈現新的頁面。這不僅緩慢，令用戶失望，而且也浪費了帶寬和資源。
Ajax就是異步的JavaScript和XML，雖然引用XML不在有效，但是Ajax能對除了XMl的其它幾種格式的數據作出響應，如JSON(JavaScript對象表示法)。 Ajax的工作原理是，以異步的方式提交一個 HTTP請求提交到web服務器，不刷新也不呈現整個頁面，僅呈現響應的內容。相反，開發人員通常使用DOM（文檔對象模型）操作修改網頁的一部分，HTTP響應返回的數據將反映這些改變。
什麼是JavaScript框架？
JavaScript本身是一種非常強大的語言，你不需要任何額外的框架就可以創建由它支持的富互聯網應用系統（RIA）。但是，使用JavaScript並不是一件容易的事，主要是因為在試圖提供多種浏覽器支持時各種並發症的出現。和HTML和CSS一樣，不同的浏覽器的JavaScript執行方式不同，那麼確保您的JavaScript代碼跨浏覽器兼容可以說是一個惡夢。
一個JavaScript框架或庫實際上是一系列工具和函數，它能更容易產生跨浏覽器兼容的JavaScript代碼。每個庫在許多流行的最新版本的Web浏覽器經過了嚴格測試。因此，您完全可以相信，使用這些框架中的任何一個，您的基於JavaScript的RIA在不同的浏覽器和平台中將大體一致。
除了浏覽器兼容性問題外，JavaScript框架可以更容易地編寫代碼去獲取、遍歷及操縱DOM元素。它們不僅能提供一個快捷的函數來獲取一個DOM元素的引用，而且還允許菊花式的DOM遍歷函數鏈查找父母、子女或任何深度的兄弟節點元素。最後，框架提供了一系列的函數，使其更容易的操縱這些對象，允許其內容更改、添加、刪除，或者操縱class的樣式而影響元素的外觀。
JavaScript框架的另一個重要特色就是能更好的支持事件處理。由於浏覽器之間的不同實現，跨浏覽器事件處理可以說是一個惡夢。因此，JavaScript框架通常將浏覽器事件包裝起來，並提供一系列有用的跨浏覽器函數來處理它們。一些框架也提供了標准化的代表鍵盤鍵碼系列的事件（如Esc鍵、Enter鍵、光標等等）。
所有這些功能是非常有用的，JavaScript框架已在其最近流行Ajax應用中起重要作用。和JavaScript其他方面一樣，每個Web浏覽器傾向於支持以不同的方式Ajax，使Ajax支持所有的浏覽器將是很繁重的工作。幾乎所有的JavaScript框架都包括一定形式的Ajax庫，通常是提供Ajax請求和響應對象，在對響應作出評價後，更新DOM元素，輪詢一個特定的請求。
一個JavaScript框架的典型特征
現在讓我們看看大多數JavaScript框架都具有的一些功能。這些特色有：
- 選擇器
- DOM遍歷
- DOM操作
- 實用函數
- 事件處理
- Ajax
為了更好的诠釋這些特色，我將從下面一個或多個JavaScript框架中列舉一個例子：Prototype, jQuery， YUI，ExtJS和 MooTools。雖然每個框架的執行情況和語法不同，但其概念大致相同。每個框架有一個詳細的API參考，你可以參考它決定如何使用這些特定庫的特色功能。