JavaScript


JavaScript 库 - jQuery、Prototype、MooTools。


JavaScript 结构(库)

JavaScript 高档程序规划(特别是对浏览器差异的杂乱处理),一般很困难也很耗时。

为了应对这些调整,许多的 JavaScript (helper) 库应运而生。

这些 JavaScript 库常被称为 JavaScript 结构

在本教程中,咱们将了解到一些广受欢迎的 JavaScript 结构:

  • jQuery
  • Prototype
  • MooTools

所有这些结构都供给针对常见 JavaScript 使命的函数,包含动画、DOM 操作以及 Ajax 处理。

在本教程中,您将学习到怎么开端运用它们,来使得 JavaScript 编程更简略、更安全且更有趣味。


jQuery

jQuery 是现在最受欢迎的 JavaScript 结构。

它运用 CSS 选择器来拜访和操作网页上的 HTML 元素(DOM 目标)。

jQuery 一起供给 companion UI(用户界面)和插件。

许多大公司在网站上运用 jQuery:

  • Google
  • Microsoft
  • IBM
  • Netflix

如需更深化地学习 jQuery,请拜访咱们的 jQuery 教程


Prototype

Prototype 是一种库,供给用于履行常见 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 -内容分发网络

您总是期望网页能够尽可能地快。您期望页面的容量尽可能地小,一起您期望浏览器尽可能多地进行缓存。

假如许多不同的网站运用相同的 JavaScript 结构,那么把结构库存放在一个通用的方位供每个网页共享就变得很有含义了。

CDN (Content Delivery Network) 处理了这个问题。CDN 是包含可共享代码库的服务器网络。

Google 为一系列 JavaScript 库供给了免费的 CDN,包含:

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

可是因为 Google 在我国经常被GFW(防火长城,英文名称Great Firewall of China,简写为Great Firewall,缩写GFW)屏蔽,形成拜访不稳定,所以主张运用百度静态资源公共库:。

如需在您的网页中运用 JavaScript 结构库,只需在 <script> 标签中引证该库即可:

引证 jQuery

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


运用结构

在您决定为网页运用 JavaScript 结构之前,首要对结构进行测验是正确的。

JavaScript 结构很简略进行测验。您无需在核算机上装置它们,一起也没有装置程序。

一般您只需从网页中引证一个库文件。

在本教程的下一章,咱们会为您完好地解说 jQuery 的测验进程。