常用js类库

UI类库

bootstrap   

12栅格式布局，响应式布局，多种常用的组件

https://v5.bootcss.com/

layui

是一套开源的 Web UI 组件库，多种常用的组件，极易上手，拿来即用。

https://layuion.com/

TOAST UI

包括Chart、Editor(文本编辑器)、Grid(表格)、Calendar(日历日程）、Image-editor(图片编辑）几个工具，功能强大

https://ui.toast.com/

Ant Design

24栅格式布局，开发组件式应用

https://ant.design/

ElementUI  、ElementPlus

24栅格式布局，开发组件式应用

https://element.eleme.cn/

jqueryUI

包括缩放（Resizable） , 拖动（Draggable） , 放置（Droppable） , 选择（Selectable） , 排序（Sortable）等鼠标交互效果，包括折叠面板（Accordion） , 自动完成（Autocomplete） , 按钮（Button） , 日期选择器（Datepicker）等组件

https://www.jqueryui.org.cn/

select2

比原生的下拉选择框好用的下拉选择框

https://select2.org/

fullcalendar

日历组件

https://fullcalendar.io/

 

图形图像处理类库

jstree

树形组件，带复选框等功能

https://www.jstree.com/

zTree

树形组件，带复选框等功能

jquery-treetable

树形表格组件，可缩进显示

jquery-treegrid

树形表格组件，可缩进显示和折叠展开

fabric.js

基于HTML5 canvas元素的图片编辑库

pica.js

图片压缩类库，压缩质量高且速度快

qrcodejs

生成二位码类库

Sortable

功能强大的JavaScript 拖拽

html2canvas

一个强大的使用js开发的浏览器网页截图工具库

Lena.js

一个轻量级的可以给图像加各种滤镜的js库

merge-images

一个将多张图片合并成一张图的js插件

PhotoSwipe

相册

 

文件处理类库

jsPDF

生成PDF，对表格支持不好，可配合jsPDF-AutoTable使用

https://artskydj.github.io/jsPDF/docs/jsPDF.html

jszip

打包文件

xlsx

处理excel文件

FileSaver.js

下载保存文件

streamSaver.js

下载保存文件，可用于大文件

 

工具类库

lodash

js原生方法的补充，扩展了新功能

https://www.lodashjs.com/

moment.js

日期时间类库

ramda

一个很重要的库，提供了许多有用的方法，每个 JavaScript 程序员都应该掌握这个工具

day.js

一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样, 体积只有2kb

 

图表表格类库

DataTables

分页、检索、排序前端组件

https://www.datatables.net/

bootstrap-table

分页、检索、排序前端组件

tabulator

功能强大的表格组件

echarts

一个基于 JavaScript 的开源可视化图表库

https://echarts.apache.org/zh/index.htm

plotly.js

基于D3.js的可视化图标库

https://plotly.com/javascript/

g2

多种交互图表

https://g2.antv.antgroup.com/

 

弹出层类库

layer

弹出层组件

https://layuion.com/layer/

sweetalert2

弹出层组件

https://sweetalert2.github.io

driver.js

功能介绍提示组件

https://kamranahmed.info/driver.js/

intro.js

功能介绍提示组件

https://github.com/usablica/intro.js

 

动画类库

animate.css

css动画类库

swiper

轮播图类库

https://www.swiper.com.cn/usage/index.html

three.js

3D效果

typed.js

模拟打字效果

css加载动画类

https://css-loaders.com/

  

富文本编辑器

quill

https://quilljs.com/

editor.md

https://github.com/pandao/editor.md

ckeditor

https://ckeditor.com/ckeditor-5/

 

其它

parsley.js

好用的表单验证组件

https://parsleyjs.org/