1、lodash 防抖、节流
2、dayjs 处理时间 新闻常用
3、moment 处理时间
4、json-bigint 处理大数字
5、lib-flexible
作用
监听屏幕尺寸变化,自动设置html根标签大小( rem 基准值)1rem就是屏幕宽度的10%
安装
npm i amfe-flexible
引入
import ‘amfe-flexible’
6、postcss-pxtorem
作用
自动将px转换为rem
最终达到的使用体验
设计稿写多少px
我们就写多少px
`安装`
npm install postcss-pxtorem@5.1.1 -D
`配置`
.postcssrc.js
module.exports = {
plugins: {
'autoprefixer': {
browsers: ['Android >= 4.0', 'iOS >= 8']
},
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*']
}
}
}
7,格式化文章内容 markdown.css
8、corpper.js 裁剪图片的插件
9、mock.js 在后端没有完成时,进行数据的模拟
10、xlsx 解析excell表格
11、生成二维码 下载 npm i qrcode 语法:QrCode.toCanvas(dom, info)
12、 打印 vue-print-nb
import Print from ‘vue-print-nb’
Vue.use(Print);
使用v-print
<el-row type="flex" justify="end">
<el-button v-print="printObj" size="small" type="primary">打印</el-button>
</el-row>
printObj: {
id: 'myPrint'
}
13、使用 npm i echarts 安装数据可视化图标
14、全屏插件的功能 npm i screenfull
15、使用 npm i vue-i18n 国际化