随笔分类 - 前端常用库

moment.js 处理时间日期的库

摘要：vue项目中，需要把 moment.js 挂载到全局上（即vue的原型链上），访问时直接使用 this.moment() ; vue项目中不挂载到全局，单文件（单组件）使用：==>> import moment from "moment"; 然后直接使用 moment() 初始化日期 / 时间初始阅读全文

posted @ 2022-11-27 12:37 小成- 阅读(192) 评论(0) 推荐(0) 编辑

按需引入Ant Design Vue

摘要：配置 { "plugins": [ ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件 ] } 安装插件 npm 阅读全文

posted @ 2022-11-16 15:46 小成- 阅读(575) 评论(0) 推荐(0) 编辑

swiper插件

摘要：经常制作轮播图（移动端｜PC端）引入相应的依赖包（swiper.js | swiper.css）页面中的结构务必要有初始化swiper实例，给轮播图添加动态效果阅读全文

posted @ 2022-10-13 16:34 小成- 阅读(19) 评论(0) 推荐(0) 编辑

Mock.js 随机生成数据，拦截ajax请求

摘要：Mock数据（模拟）：如果你想模拟mock数据，需要用到一个插件mock.js 在项目当中src文件中创建mock文件夹第二步准备JSON数据（mock文件夹中创建相应的JSON文件）格式化一下，别留有空格（跑不起来）把mock数据需要的图片放置到public文件夹中【public文件夹在打阅读全文

posted @ 2022-10-13 13:47 小成- 阅读(152) 评论(0) 推荐(0) 编辑

防抖和节流 Lodash 插件

摘要：Lodash 插件里面封装函数的防抖和节流的业务【闭包 + 延时器】官网：https://www.lodashjs.com/docs/lodash.debounce 防抖：前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发，只会触发一次（输入框）防抖阅读全文

posted @ 2022-10-12 14:43 小成- 阅读(217) 评论(0) 推荐(0) 编辑

nprogress 进度条的使用

摘要：start ：进度条开始 done ：进度条结束进度条样式可以改，当然需要修改人家的样式 import axios from 'axios' //引入进度条 //start 进度条开始 done 进度条结束 import nprogress from 'nprogress' //引入进度条样式 i 阅读全文

posted @ 2022-10-11 15:01 小成- 阅读(92) 评论(0) 推荐(0) 编辑

自动生成id的库 Nanoid 和uuid

摘要：Nanoid npm i nanoid import {nanoid} from 'nanoid' 调用 {id:nanoid()} 阅读全文

posted @ 2022-07-20 14:56 小成- 阅读(131) 评论(0) 推荐(0) 编辑