每个 Web 开发人员都应该知道的 21 个热门 JavaScript 库

JavaScript 生态系统庞大且持续发展。大量的库、框架和工具被开发并部署到各种项目中，用于构建动态网站。虽然有些库、框架和工具的需求和使用正在逐渐消退，但另一些则越来越受欢迎。

以下是所有 JavaScript 开发人员为其项目考虑的 21 个库/框架。

注意：你不需要了解所有这些。事实上，只需要了解 React 或 Vue 就足以构建完整的网站。

• AngularJS

Angular是迄今为止最古老的 JavaScript 库之一。不过，Angular 实际上是一个框架，而不是一个库。它允许你创建单页的客户端 Web 应用程序。Angular 是用 TypeScript 编写的，并由 Google 提供支持。
一些使用 Angular 的知名公司包括 Google（显而易见）、PayPal 和 iTunes。

• VUE JS

Vue与 React 非常相似，是一个用于创建单页应用程序的前端框架，采用流行的基于组件的架构。与其他 UI 库相比，使用 Vue 的优势在于代码量更少。Vue JS 日益强大，并且正在快速普及。

• 下划线 JS

Underscore是一个低级 JavaScript 库。低级是指它非常接近原生 JavaScript。它的作用只是提供一些辅助函数和工具，以便更快地创建 Web 应用程序。

• 巴比伦 JS

我要坦白说：我真的很喜欢这个库的名字。
对于游戏开发者来说，这个名字可能并不陌生。Babylon是一款功能齐全的 3D 视频游戏引擎，用于创建复杂的基于 Web 的 3D 视频游戏。

• 反应

这或许就是你们期盼已久的。React是目前最流行的 JavaScript 库之一。你看到过那些风格相似又酷炫的按钮，或者那些好看的导航栏，又或者一些让你赞叹不已的炫酷模态框吗？它们
很可能都是用 React 制作的。React 是一个基于组件的 UI 库，允许你为网站创建可复用的 UI 元素（组件）。许多公司都在使用它，当然也包括 Facebook。

对于那些想要学习 React 的人来说，从 HTML 到 React是一门很棒的课程，可以帮助你从仅仅了解 HTML 到了解 React。

• 余烬

Ember是一个强大的 JavaScript 框架，它可以帮助开发者轻松创建网站，而无需担心流程的细节。
它包含创建丰富 UI 所需的一切，并将它们组合成一个功能强大且高度可扩展的网站。

• 主干JS

又酷炫的名字！
Backbone.js是一个非常简洁明了的 JavaScript 库和框架。它最大的特色在于可以集成到单个 JavaScript 文件中。对于那些想要构建简单网站的人来说，Backbone 是一个不错的选择。

• 剪贴板 JS

顾名思义，剪贴板允许您立即从网站复制数据！无需安装任何其他依赖项。

• 巴别塔

我们中的一些人可能已经知道圣经中巴别塔的故事。建造者之间由于语言分歧而导致沟通不畅，造成不和谐。
那么，这个工具就是在 JavaScript 环境下解决这个问题的方案。在创建代码时，浏览器兼容性是一个需要考虑的问题。老版本的 Web 浏览器往往会被新版本取代，但并非所有用户都会更新。仍然有一些机器和设备在运行旧版本的 Web 浏览器。Babel 是
一个 JavaScript 编译器，它可以将您的 JS 代码编译为符合 ES5 的代码。这意味着您的代码既可以在新浏览器（如 Edge）上运行，也可以在老版本浏览器（如 IE 9）上运行。

• 斯维尔特

Svelte 是一种构建用户界面的全新方法。React 和 Vue 等传统框架是基于浏览器的，而 Svelte 将这项工作转移到构建应用时的编译步骤中。

• 刻字 JS

Lettering是一个有趣的 JavaScript 文本库。您可以为页面上的单个文本设置样式和布局，包括实现一些炫酷的过渡和动画。Lettering JS 是一个 jQuery 插件。因此，它需要 jQuery 才能运行。

• CHARTIST JS

啊，数据分析师们有福了！
Chartist是一个优秀的 JavaScript 库，可以用来为你的网站创建简洁、响应迅速且可自定义的图表。Chartist 使用 SVG 来渲染图表；因此，你的图表也可以遵循自定义的 CSS 规则。

• DROPZONE JS

Dropzone允许您在网站上实现“拖放”功能。它还支持高度自定义代码。它轻量级，不依赖任何其他库（例如 jQuery）。

• 三个 JS

啊哈！可以做一些炫酷又吸睛的东西。Three.js是一个非常流行的 JavaScript 3D 库，可以用来在你的网站上创建视觉效果。对于那些想要创建 3D 可视化效果而又不需要高性能游戏引擎的人来说，它是一个不错的选择。

• jQUERY

jQuery是现存最古老却最流行的 JavaScript 库之一。你可能已经听说过 DOM，即文档对象模型 (DOM)。jQuery 非常出色，在 DOM 操作方面享有盛誉。你还可以使用它来处理 HTML 事件、动画和效果、CSS 操作以及 AJAX 调用等操作。

• LODASH

当你想到这个库时，你会想到实用程序。Lodash是一个非常实用的库，它包含并提供一些实用程序函数，你可以在代码中调用它们来执行特定任务。这可以节省你自行编写代码所浪费的时间。

• PIXI JS

Pixi以著名电影动画工作室皮克斯 (Pixar) 命名，是一款开源 2D 引擎，用于创建美观醒目的网站动画。Pixi 使用 WebGL，如果 WebGL 不支持，则使用 HTML Canvas。PixiJS
由多个可消耗组件组成，可以通过 NPM/Yarn 安装到您的项目中。

• D3 JS

D3.js是一个 JavaScript 库，用于根据接收数据的性质来操作文档。
它代表“数据驱动文档”，这在某种程度上解释了它的任务。该库使用预置函数来选择 DOM 元素、创建 SVG 对象、设置其样式以及添加过渡效果和其他效果。这些对象也可以使用纯 CSS 进行样式设置。

• 套接字.IO

您应该知道，默认情况下，一旦服务器响应数据，浏览器和 Web 服务器之间的连接就会关闭。那么，如何保持连接畅通，以便数据能够无缝地双向传输，而无需在此过程中发出新的请求呢？
Socket.io 是一个基于 Web Socket 的 JavaScript 库，它支持浏览器和 Web 服务器之间基于事件的双向通信。它使用 Node.js 服务器。https
://socket.io/

• 数学杰克斯

啊，古老的数学！
顾名思义，MathJAX允许您在页面中添加数学符号，包括特殊的数学符号和符号。MathJax 会自动将您在 HTML 和问题组件中输入的数学符号和公式格式化为美观的数学格式，并使用 LaTeX 符号。MathJax 公式可以与段落中的其他文本一起显示（行内），也可以单独显示（块）。

• 现代化

Modernizr是一个测试库。您可以使用 Modernizr 中的特殊属性在浏览器上测试 CSS 变换、Web 套接字、CSS 过渡和动画等功能。
该实用程序支持测试超过 260 个功能。

你最喜欢哪一款？请在评论区留言告诉我吧。

附言：我最近发布了一本面向零基础初学者的 Web 开发入门指南电子书。点击此处查看 - Web 开发 - 入门指南