javascript庫也稱為javascript框架,這些庫是為了調整困難且耗時的JavaScript高級程序設計而產生的;所有js框架都提供針對常見JavaScript任務的函數,包括動畫、DOM 操作以及Ajax處理。
本文操作環(huán)境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript 框架(庫)
JavaScript 高級程序設計(特別是對瀏覽器差異的復雜處理),通常很困難也很耗時。
為了應對這些調整,許多的 JavaScript (helper) 庫應運而生。
這些 JavaScript 庫常被稱為 JavaScript 框架。
所有這些框架都提供針對常見 JavaScript 任務的函數,包括動畫、DOM 操作以及 Ajax 處理。
JavaScript 庫 – jQuery、Prototype、MooTools。
jQuery
jQuery 是目前最受歡迎的 JavaScript 框架。
它使用 CSS 選擇器來訪問和操作網頁上的 HTML 元素(DOM 對象)。
jQuery 同時提供 companion UI(用戶界面)和插件。
許多大公司在網站上使用 jQuery:
-
Google
-
Microsoft
-
IBM
-
Netflix
Prototype
Prototype 是一種庫,提供用于執(zhí)行常見 web 任務的簡單 API。
API 是應用程序編程接口(Application Programming Interface)的縮寫。它是包含屬性和方法的庫,用于操作 HTML DOM。
Prototype 通過提供類和繼承,實現了對 JavaScript 的增強。
MooTools
MooTools 也是一個框架,提供了可使常見的 JavaScript 編程更為簡單的 API。
MooTools 也含有一些輕量級的效果和動畫函數。
其他框架
下面是其他一些在上面未涉及的框架:
YUI – Yahoo! User Interface Framework,涵蓋大量函數的大型庫,從簡單的 JavaScript 功能到完整的 internet widget。
Ext JS – 可定制的 widget,用于構建富因特網應用程序(rich Internet applications)。
Dojo – 用于 DOM 操作、事件、widget 等的工具包。
script.aculo.us – 開源的 JavaScript 框架,針對可視效果和界面行為。
UIZE – Widget、AJAX、DOM、模板等等。
CDN – 內容分發(fā)網絡
您總是希望網頁可以盡可能地快。您希望頁面的容量盡可能地小,同時您希望瀏覽器盡可能多地進行緩存。
如果許多不同的網站使用相同的 JavaScript 框架,那么把框架庫存放在一個通用的位置供每個網頁分享就變得很有意義了。
CDN (Content Delivery Network) 解決了這個問題。CDN 是包含可分享代碼庫的服務器網絡。
Google 為一系列 JavaScript 庫提供了免費的 CDN,包括:
-
jQuery
-
Prototype
-
MooTools
-
Dojo
-
Yahoo! YUI
如需在您的網頁中使用 JavaScript 框架庫,只需在 <script> 標簽中引用該庫即可:
引用 jQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script>
使用框架
在您決定為網頁使用 JavaScript 框架之前,首先對框架進行測試是明智的。
JavaScript 框架很容易進行測試。您無需在計算機上安裝它們,同時也沒有安裝程序。
通常您只需從網頁中引用一個庫文件。
【推薦學習:js基礎教程】