qileilove

JavaScript 框架（庫）

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

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

這些 JavaScript 庫常被稱為 JavaScript 框架。

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

• jQuery
• Prototype
• MooTools

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

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

jQuery

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

它使用 CSS 選擇器來訪問和操作網(wǎng)頁上的 HTML 元素（DOM 對象）。

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

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

• Google
• Microsoft
• IBM
• Netflix

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

Prototype

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

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

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

MooTools

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

MooTools 也含有一些輕量級的效果和動畫函數(shù)。

其他框架

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

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

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

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

script.aculo.us - 開源的 JavaScript 框架，針對可視效果和界面行為。

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

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

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

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

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

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

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

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

引用 jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> 

使用框架

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

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

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

在本教程的下一章，我們會為您完整地講解 jQuery 的測試過程。