常用工具总结
发布时间 2023-11-18 18:40:10作者: 卡布奇诺y
总结工作学习中常用依赖
=== 组件相关 ===
# 可视化
highcharts、echarts
@antv/g6
# 滑动分割面板组件
splitpanes
# 页面顶部进度条组件
nprogress
# 富文本编辑器
tinymce
# web 表格编辑组件（类似Excel）
handsontable
# 图片裁剪插件
cropper（vue 中可选用 vue-cropper）
# 拖放列表组件
vuedraggable（Vue2版本）
# 代码编辑器组件
vue-codemirror（Vue版本）
# 栅格布局编辑组件
vue-grid-layout（Vue版本）
# PDF文件预览组件
pdfh5
# 生成二维码组件
vue-qr（Vue版本）
# 弹出窗口，多功能预览图片
photoviewer
# JSON数据编辑器组件
v-jsoneditor（Vue版本）
# 无限滚动触发
vue-infinite-scroll（Vue版本）
=== 工具相关 ===
# DOM转图片
html2canvas
# 全屏插件
screenfull
# 解析和生成各种格式的电子表格Excel文件
xlsx
# 保存文件处理
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
...