常用工具总结

常用插件

可视化图表

highcharts
echarts

图形可视化引擎，包括：树图、关系图、流程图、网络图等

@antv/g6

滑动分割面板组件

splitpanes

页面顶部进度条组件

nprogress

富文本编辑器

tinymce

web 表格编辑组件（类似Excel）

handsontable

图片裁剪插件

cropper（vue 中可选用 vue-cropper）

拖拽拖放列表组件

vuedraggable（Vue2版本）

网格布局拖动组件

vue-grid-layout（Vue版本）

代码编辑器组件

vue-codemirror（Vue版本）

PDF文件预览组件

pdfh5

生成二维码组件

vue-qr（Vue版本）

弹出窗口，多功能预览图片

photoviewer

JSON数据编辑器组件

v-jsoneditor（Vue版本）

无限滚动触发

vue-infinite-scroll（Vue版本）

DOM转图片

html2canvas

全屏插件

screenfull

解析和生成各种格式的电子表格Excel文件

xlsx
exceljs

文件保存处理

file-saver

创建、读取和编辑 .zip 文件的库

jszip

时间日期相关处理

moment
dayjs

颜色生成、转换、解析、处理插件

colord

将文本复制到剪贴板

clipboard

国际化

vue-i18n（Vue版本）

内存变量管理：从Vue上下文中使用本地Storage，会话Storage和内存Storage，可设置有效期

vue-ls（Vue版本）

用于在 Vue.js 应用中实现事件总线（Event Bus）

vue-bus（Vue版本）

用于将 SVG 文件内联注入 DOM

@iconfu/svg-inject

高亮显示代码

highlight.js

Base64解码编码（可直接用原生api：window.atob/window.btoa）

js-base64

监听元素尺寸大小变化（可直接用原生 DOM 接口：ResizeObserver）

element-resize-detector

库方法

loadsh

假进展 0-1（轻松模拟平滑进度）

fake-progress

生成uuid

uuid（vue 中可选用 vue-uuid）

rsa加密与解密

jsencrypt、jsrsasign

将json对象以query格式拼接或反之解析

qs