常用工具总结

常用插件#

可视化图表#

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