【白话前端】JS库的作用和常见的九种类型—值得收藏

js库就好比预制菜，我们想吃美食没必要从买菜、择菜、炒菜开始，直接加工就行。

一、什么是JS库

JS库（JavaScript Library）是指一组封装好的函数、方法、类等，用于简化开发者的编程工作。它们通常提供了常用的功能和算法，可以提高开发效率和代码质量，减少代码冗余和错误。

二、JS库有什么作用

• 提供常用功能和算法，减少重复编写代码的工作量。
• 提高开发效率和代码质量，减少代码冗余和错误。
• 为开发者提供标准的、易于使用的API，降低学习成本。
• 支持跨浏览器、跨设备的开发，提高网站的兼容性和可访问性。
• 提供了大量的插件和扩展，使得开发者可以轻松地扩展和定制自己的应用。

三、常见的JS库

1.基础库：

这类库提供了一些基本的功能，如DOM操作、字符串处理、数组处理、事件处理等等。例如jQuery、Lodash等。

2.UI库：

这类库提供了一些用户界面的组件和效果，如按钮、下拉框、对话框、动画效果等等。例如Bootstrap、Materialize等。

3.数据可视化库：

这类库提供了一些数据可视化的组件和效果，如图表、地图、3D场景等等。例如D3.js、Echarts、Three.js等。

4.框架库：

这类库提供了一些框架和工具，用于快速开发Web应用和移动应用。例如React、Angular、Vue.js等。

5.工具库：

这类库提供了一些实用的工具和函数，用于解决一些特定的问题，如日期处理、正则表达式、加密解密等等。例如Moment.js、CryptoJS等。

6.测试库：

这类库提供了一些测试工具和框架，用于自动化测试和单元测试。例如Jasmine、Mocha等。

7.游戏引擎JS库：

是一种基于JavaScript语言的库，用于开发2D和3D游戏。它们为游戏开发者提供了一系列的工具、函数和API，以便他们可以更加快速、简单地开发游戏。例如，Phaser、three、Babylon、Pixi、CreateJS、PlayCanvas等

8.图像处理JS库：

图像处理JS库是一种基于JavaScript语言的库，用于在Web应用程序中对图像进行处理和操作。它们为Web开发者提供了一系列的工具、函数和API，以便他们可以更加快速、简单地处理图像。这些图像处理JS库提供了许多功能，例如图像滤镜、调整亮度、对比度、饱和度、剪裁、变形、缩放等，使得Web开发者可以更加快速、高效地处理图像。例如：CamanJS、Pixastic、Cropper.js、Fabric.js、OpenCV.js等。

9.音频处理JS库：

音频处理JS库是一种基于JavaScript语言的库，用于在Web应用程序中对音频进行处理和操作。这些音频处理JS库提供了许多功能，例如音频合成、调制、效果处理、可视化、播放和控制等，使得Web开发者可以更加快速、高效地处理音频。例如：Tone.js、Wavesurfer.js、Howler.js、Pizzicato、SoundJS等。