JavaScript 庫(kù)

JavaScript 庫(kù) - jQuery、Prototype、MooTools。

JavaScript 框架（庫(kù)）

JavaScript 高級(jí)程序設(shè)計(jì)（特別是對(duì)瀏覽器差異的復(fù)雜處理），通常很困難也很耗時(shí)。

為了應(yīng)對(duì)這些調(diào)整，許多的 JavaScript (helper) 庫(kù)應(yīng)運(yùn)而生。

這些 JavaScript 庫(kù)常被稱(chēng)為 JavaScript 框架。

在本教程中，我們將了解到一些廣受歡迎的 JavaScript 框架：

• jQuery
• Prototype
• MooTools

所有這些框架都提供針對(duì)常見(jiàn) JavaScript 任務(wù)的函數(shù)，包括動(dòng)畫(huà)、DOM 操作以及 Ajax 處理。

在本教程中，您將學(xué)習(xí)到如何開(kāi)始使用它們，來(lái)使得 JavaScript 編程更容易、更安全且更有樂(lè)趣。

jQuery

jQuery 是目前最受歡迎的 JavaScript 框架。

它使用 CSS 選擇器來(lái)訪(fǎng)問(wèn)和操作網(wǎng)頁(yè)上的 HTML 元素（DOM 對(duì)象）。

jQuery 同時(shí)提供 companion UI（用戶(hù)界面）和插件。

許多大公司在網(wǎng)站上使用 jQuery：

• Google
• Microsoft
• IBM
• Netflix

如需更深入地學(xué)習(xí) jQuery，請(qǐng)?jiān)L問(wèn)我們的 jQuery 教程。

Prototype

Prototype 是一種庫(kù)，提供用于執(zhí)行常見(jiàn) web 任務(wù)的簡(jiǎn)單 API。

API 是應(yīng)用程序編程接口（Application Programming Interface）的縮寫(xiě)。它是包含屬性和方法的庫(kù)，用于操作 HTML DOM。

Prototype 通過(guò)提供類(lèi)和繼承，實(shí)現(xiàn)了對(duì) JavaScript 的增強(qiáng)。

提示：Prototype 框架最大的部分就是對(duì)DOM的擴(kuò)展。通過(guò)Prototype框架里的$()函數(shù)能夠返回一個(gè)網(wǎng)頁(yè)DOM元素，框架給這個(gè)元素添加了很多方便的方法。

MooTools

MooTools 也是一個(gè)框架，提供了可使常見(jiàn)的 JavaScript 編程更為簡(jiǎn)單的 API。

MooTools 也含有一些輕量級(jí)的效果和動(dòng)畫(huà)函數(shù)。

提示：雖然Mootools跟Prototype幾乎擁有一樣的語(yǔ)法，但是它提供了比Prototype多的功能，而且更強(qiáng)大，擁有實(shí)用而清晰的文檔和示例幫助你輕松入門(mén)。

其他框架

下面是其他一些在上面未涉及的框架：

YUI - Yahoo! User Interface Framework，涵蓋大量函數(shù)的大型庫(kù)，從簡(jiǎn)單的 JavaScript 功能到完整的 internet widget。

Ext JS - 可定制的 widget，用于構(gòu)建富因特網(wǎng)應(yīng)用程序（rich Internet applications）。

Dojo - 用于 DOM 操作、事件、widget 等的工具包。

script.aculo.us - 開(kāi)源的 JavaScript 框架，針對(duì)可視效果和界面行為。

UIZE - Widget、AJAX、DOM、模板等等。

CDN -內(nèi)容分發(fā)網(wǎng)絡(luò)

您總是希望網(wǎng)頁(yè)可以盡可能地快。您希望頁(yè)面的容量盡可能地小，同時(shí)您希望瀏覽器盡可能多地進(jìn)行緩存。

如果許多不同的網(wǎng)站使用相同的 JavaScript 框架，那么把框架庫(kù)存放在一個(gè)通用的位置供每個(gè)網(wǎng)頁(yè)分享就變得很有意義了。

CDN (Content Delivery Network) 解決了這個(gè)問(wèn)題。CDN 是包含可分享代碼庫(kù)的服務(wù)器網(wǎng)絡(luò)。

Google 為一系列 JavaScript 庫(kù)提供了免費(fèi)的 CDN，包括：

• jQuery
• Prototype
• MooTools
• Dojo
• Yahoo! YUI

但是由于 Google 在中國(guó)經(jīng)常被GFW（防火長(zhǎng)城，英文名稱(chēng)Great Firewall of China，簡(jiǎn)寫(xiě)為Great Firewall，縮寫(xiě)GFW）屏蔽，造成訪(fǎng)問(wèn)不穩(wěn)定，所以建議使用百度靜態(tài)資源公共庫(kù):http://cdn.code.baidu.com/。

如需在您的網(wǎng)頁(yè)中使用 JavaScript 框架庫(kù)，只需在 <script> 標(biāo)簽中引用該庫(kù)即可：

使用框架

在您決定為網(wǎng)頁(yè)使用 JavaScript 框架之前，首先對(duì)框架進(jìn)行測(cè)試是明智的。

JavaScript 框架很容易進(jìn)行測(cè)試。您無(wú)需在計(jì)算機(jī)上安裝它們，同時(shí)也沒(méi)有安裝程序。

通常您只需從網(wǎng)頁(yè)中引用一個(gè)庫(kù)文件。

在本教程的下一章，我們會(huì)為您完整地講解 jQuery 的測(cè)試過(guò)程。

相關(guān)教程

HTML DOM教程