JavaScript 庫

2022-02-12 09:43 更新

JavaScript 庫 - jQuery、Prototype、MooTools。


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ù),包括動(dòng)畫、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)。

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


MooTools

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

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

提示:雖然Mootools跟Prototype幾乎擁有一樣的語法,但是它提供了比Prototype多的功能,而且更強(qiáng)大,擁有實(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

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

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

引用 jQuery

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" rel="external nofollow" >
</script>

使用框架

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

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

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

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


相關(guān)教程

HTML DOM教程


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號