本文仅记录不同库的作用,具体使用方法可查询官方文档,或者通过命令 npm repo #库名 跳转到git仓库进行查看。
1、animejs--通过js编写动画的库
animejs官网
2、file-saver--支持导出各类文件,很好用
3、nprogress--项目中常用到的进度条,配合路由跳转可以实现一个用户交互
4、vuedraggable--vue框架中拖拽dom的库,不仅是简单的视图层拖拽,它还可以绑定数据。可运用于拖拽排序、拖拽添加各类组件/图片的场景中。需要注意的是,这个库有vue2版本和vue3版本,适配得还挺快。
5、vue-ueditor-wrap--配合百度ueditor组件使用的vue插件库。
6、autoprefixer--自动添加css前缀的一个postcss平台插件,一般的脚手架会自动配置好,但是新的vite构建工具需要自己添加配置。
7、js-cookie--一个js操作cookie的轻量库
8、mathjs--一个数量运算的库,引用这个库是因为浏览器自身的计算是会出错的,不能做到绝对准确,只能去尽量降低出错的概率,所以引用了这个库。
9、moment--用于计算日期、格式化日期的库,还有一个比较轻量的datejs,两者的用法是相似的。
10、v-viewer--用于展示图片的一个vue组件库,能实现较好的用户交互。
11、dom-to-image--将一个dom转换为图片的库,需要注意的是,浏览器窗口视图看到的dom是怎样的,它转换出来的图片就是怎样的。如果是一个很大的dom,就只能截图窗口所能看到的部分。
12、xlsx--读取excel表格的一个库,能够把excel数据很好地转换为json数据,便于操作。