簡(jiǎn)單了解常用的JavaScript 庫
JavaScript 高級(jí)程序設(shè)計(jì)(特別是對(duì)瀏覽器差異的復(fù)雜處理),通常很困難也很耗時(shí)。
為了應(yīng)對(duì)這些調(diào)整,許多的 JavaScript (helper) 庫應(yīng)運(yùn)而生。
這些 JavaScript 庫常被稱為 JavaScript 框架。
在本教程中,我們將了解到一些廣受歡迎的 JavaScript 框架:
- jQuery
- Prototype
- MooTools
所有這些框架都提供針對(duì)常見 JavaScript 任務(wù)的函數(shù),包括動(dòng)畫、DOM 操作以及 Ajax 處理。
在本教程中,您將學(xué)習(xí)到如何開始使用它們,來使得 JavaScript 編程更容易、更安全且更有樂趣。
jQuery
jQuery 是目前最受歡迎的 JavaScript 框架。
它使用 CSS 選擇器來訪問和操作網(wǎng)頁上的 HTML 元素(DOM 對(duì)象)。
jQuery 同時(shí)提供 companion UI(用戶界面)和插件。
許多大公司在網(wǎng)站上使用 jQuery:
- Microsoft
- IBM
- Netflix
如需更深入地學(xué)習(xí) jQuery,請(qǐng)?jiān)L問我們的jQuery 教程。
Prototype
Prototype 是一種庫,提供用于執(zhí)行常見 web 任務(wù)的簡(jiǎn)單 API。
API 是應(yīng)用程序編程接口(Application Programming Interface)的縮寫。它是包含屬性和方法的庫,用于操作 HTML DOM。
Prototype 通過提供類和繼承,實(shí)現(xiàn)了對(duì) JavaScript 的增強(qiáng)。
MooTools
MooTools 也是一個(gè)框架,提供了可使常見的 JavaScript 編程更為簡(jiǎn)單的 API。
MooTools 也含有一些輕量級(jí)的效果和動(dòng)畫函數(shù)。
其他框架
下面是其他一些在上面未涉及的框架:
YUI - Yahoo! User Interface Framework,涵蓋大量函數(shù)的大型庫,從簡(jiǎn)單的 JavaScript 功能到完整的 internet widget。
Ext JS - 可定制的 widget,用于構(gòu)建富因特網(wǎng)應(yīng)用程序(rich Internet applications)。
Dojo - 用于 DOM 操作、事件、widget 等的工具包。
script.aculo.us - 開源的 JavaScript 框架,針對(duì)可視效果和界面行為。
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(防火長(zhǎng)城,英文名稱Great Firewall of China,簡(jiǎn)寫為Great Firewall,縮寫GFW)屏蔽,造成訪問不穩(wěn)定,所以建議使用百度靜態(tài)資源公共庫。
如需在您的網(wǎng)頁中使用 JavaScript 框架庫,只需在 <script> 標(biāo)簽中引用該庫即可:
<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"> </script>
使用框架
在您決定為網(wǎng)頁使用 JavaScript 框架之前,首先對(duì)框架進(jìn)行測(cè)試是明智的。
JavaScript 框架很容易進(jìn)行測(cè)試。您無需在計(jì)算機(jī)上安裝它們,同時(shí)也沒有安裝程序。
通常您只需從網(wǎng)頁中引用一個(gè)庫文件。
以上就是簡(jiǎn)單了解常用的JavaScript 庫的詳細(xì)內(nèi)容,更多關(guān)于JavaScript 庫的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
簡(jiǎn)介JavaScript中的sub()方法的使用
這篇文章主要介紹了JavaScript中的sub()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06JavaScript對(duì)象、屬性、事件手冊(cè)集合方便查詢
JavaScript對(duì)象、屬性、事件手冊(cè)查詢,對(duì)于學(xué)習(xí)js的朋友方便查找。2010-07-07javascript中的location用法簡(jiǎn)單介紹
javascript中的location用法簡(jiǎn)單介紹...2007-03-03Javascript創(chuàng)建類和對(duì)象詳解
使用Javascript創(chuàng)建類和對(duì)象的方法有很多,現(xiàn)在就來列舉一下:1、原始的創(chuàng)建方法,2、工廠方法模式,3、構(gòu)造方法模式,4、動(dòng)態(tài)原型方法。下面我們就來通過實(shí)例詳細(xì)看下2017-05-05JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列
在面向?qū)ο蟮某绦蛟O(shè)計(jì)里,一般都提供了實(shí)現(xiàn)隊(duì)列(queue)和堆棧(stack)的方法,而對(duì)于JS來說,我們可以實(shí)現(xiàn)數(shù)組的相關(guān)操作,來實(shí)現(xiàn)隊(duì)列和堆棧的功能,看下面的相關(guān)介紹.2016-01-01Javascript typeof與instanceof的區(qū)別
JavaScript 中 typeof 和 instanceof 常用來判斷一個(gè)變量是否為空,或者是什么類型的。但它們之間還是有區(qū)別的,需要的朋友可以參考下2016-10-10