记录常用的前端库

194 阅读2分钟

本文仅记录不同库的作用,具体使用方法可查询官方文档,或者通过命令 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数据,便于操作。