JS 库之什么是 JS 框架(库)

声明

该文部分代码和内容节选自菜鸟教程，仅用作个人学习，特此声明

链接：https://www.runoob.com/

什么是 JS 框架 (库)

JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。

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

这些 JavaScript 库常被称为 JavaScript 框架。

在本教程中，我们将了解到一些广受欢迎的 JavaScript 框架：

• jQuery
• Prototype
• MooTools

所有这些框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理。

下面我们将将学习如何使用它们，来使得 JavaScript 编程更容易、更安全且更有乐趣。

---

1、JQuery

jQuery 是目前最受欢迎的 JavaScript 框架。

它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。

jQuery 同时提供 companion UI（用户界面）和插件。

许多大公司在网站上使用 jQuery：

• Google
• Microsoft
• IBM
• Netflix

如需更深入地学习 jQuery，请访问

jQuery 教程。

---

2、Prototype

Prototype 是一种库，提供用于执行常见 web 任务的简单 API。

API 是应用程序编程接口（Application Programming Interface）的缩写。它是包含属性和方法的库，用于操作 HTML DOM。

Prototype 通过提供类和继承，实现了对 JavaScript 的增强。

3、MooTools

MooTools 也是一个框架，提供了可使常见的 JavaScript 编程更为简单的 API。

MooTools 也含有一些轻量级的效果和动画函数。

4、其它框架

• 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、模板等等。

---

5、CDN - 内容分发网络

我们总是希望网页可以尽可能地快。希望页面的容量尽可能地小，同时浏览器尽可能多地进行缓存。

如果许多不同的网站使用相同的 JavaScript 框架，那么把框架库存放在一个通用的位置供每个网页分享就变得很有意义了。

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

国内免费的 CDN 资源有：

• Staticfile CDN：https://staticfile.org/

海外免费的 CDN 资源有：

• cdnjs：https://cdnjs.com/

如需在网页中使用 JavaScript 框架库，只需在 < script > 标签中引用该库即可，如：引用JQuery

<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js">
</script>