簡(jiǎn)單了解常用的JavaScript 庫(kù)
JavaScript 高級(jí)程序設(shè)計(jì)(特別是對(duì)瀏覽器差異的復(fù)雜處理),通常很困難也很耗時(shí)。
為了應(yīng)對(duì)這些調(diào)整,許多的 JavaScript (helper) 庫(kù)應(yīng)運(yùn)而生。
這些 JavaScript 庫(kù)常被稱為 JavaScript 框架。
在本教程中,我們將了解到一些廣受歡迎的 JavaScript 框架:
jQuery Prototype MooTools所有這些框架都提供針對(duì)常見(jiàn) JavaScript 任務(wù)的函數(shù),包括動(dòng)畫、DOM 操作以及 Ajax 處理。
在本教程中,您將學(xué)習(xí)到如何開(kāi)始使用它們,來(lái)使得 JavaScript 編程更容易、更安全且更有樂(lè)趣。
jQuery
jQuery 是目前最受歡迎的 JavaScript 框架。
它使用 CSS 選擇器來(lái)訪問(wèn)和操作網(wǎng)頁(yè)上的 HTML 元素(DOM 對(duì)象)。
jQuery 同時(shí)提供 companion UI(用戶界面)和插件。
許多大公司在網(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)的縮寫。它是包含屬性和方法的庫(kù),用于操作 HTML DOM。
Prototype 通過(guò)提供類和繼承,實(shí)現(xiàn)了對(duì) JavaScript 的增強(qiáng)。
MooTools
MooTools 也是一個(gè)框架,提供了可使常見(jiàn)的 JavaScript 編程更為簡(jiǎn)單的 API。
MooTools 也含有一些輕量級(jí)的效果和動(dòng)畫函數(shù)。
其他框架
下面是其他一些在上面未涉及的框架:
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)城,英文名稱Great Firewall of China,簡(jiǎn)寫為Great Firewall,縮寫GFW)屏蔽,造成訪問(wèn)不穩(wěn)定,所以建議使用百度靜態(tài)資源公共庫(kù)。
如需在您的網(wǎng)頁(yè)中使用 JavaScript 框架庫(kù),只需在 <script> 標(biāo)簽中引用該庫(kù)即可:
<script src='https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js'></script>
使用框架
在您決定為網(wǎng)頁(yè)使用 JavaScript 框架之前,首先對(duì)框架進(jìn)行測(cè)試是明智的。
JavaScript 框架很容易進(jìn)行測(cè)試。您無(wú)需在計(jì)算機(jī)上安裝它們,同時(shí)也沒(méi)有安裝程序。
通常您只需從網(wǎng)頁(yè)中引用一個(gè)庫(kù)文件。
以上就是簡(jiǎn)單了解常用的JavaScript 庫(kù)的詳細(xì)內(nèi)容,更多關(guān)于JavaScript 庫(kù)的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. 不要在HTML中濫用div2. react實(shí)現(xiàn)組件狀態(tài)緩存的示例代碼3. CSS百分比padding制作圖片自適應(yīng)布局4. React優(yōu)雅的封裝SvgIcon組件示例5. Vue如何使用ElementUI對(duì)表單元素進(jìn)行自定義校驗(yàn)及踩坑6. Electron調(diào)用外接攝像頭并拍照上傳實(shí)現(xiàn)詳解7. CSS清除浮動(dòng)方法匯總8. HTML5實(shí)戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)9. HTTP協(xié)議常用的請(qǐng)求頭和響應(yīng)頭響應(yīng)詳解說(shuō)明(學(xué)習(xí))10. TypeScript實(shí)現(xiàn)十大排序算法之歸并排序示例詳解
