NPM
常用库
探鱼不是鱼
这个作者很懒,什么都没留下…
展开
-
时间相关
moment进入维护期,推荐使用day.js官网npm i moment演示import moment from "moment"totaltime: moment(result.songs[0].dt).format('mm:ss')原创 2020-12-30 23:10:41 · 112 阅读 · 0 评论 -
koa
下载npm initnpm i koa koa-router基础代码const Koa = require("koa");const KoaRouter = require("koa-router");const app = new Koa();const router = new KoaRouter();app.use(router.routes()).use(router.allowedMethods());router.get("/test", function (ctx,原创 2020-12-30 23:10:16 · 141 阅读 · 0 评论 -
图表工具
ElemeFEgitHub官网安装npm i v-charts echarts -S使用main.jsimport "./plugins/vcharts";plugins文件夹EChartsy轴名称曲线主题线条颜色阴影防止溢出响应式原创 2020-12-22 01:12:27 · 131 阅读 · 0 评论 -
lodash
网址gitHub文档下载 使用npm i lodash// 节流import throttle from "lodash/throttle"使用防抖原创 2020-12-22 01:00:53 · 141 阅读 · 0 评论 -
二维码生成
qrcode网址以及下载gitHubnpm install --save qrcodeimport QRCode from "qrcode"; name: "Pay", methods: { async openPay() { let QRcode = await reqCreateWechat(this.$route.query.orderId); // {codeUrl: "weixin://wxpayxxxxxxxxxxxxxxxxx, orderI原创 2020-12-18 00:18:25 · 124 阅读 · 0 评论 -
图片懒加载
Vue-LazyloadgitHub地址npm i vue-lazyload -S npm install --save vue-lazyloadplugins目录import Vue from "vue";import VueLazyload from "vue-lazyload";import loading from "@assets/imgs/loding.gif";Vue.use(VueLazyload, { loading: loading,});main.js原创 2020-12-18 00:17:59 · 131 阅读 · 0 评论 -
数据效验
vee-validate一定要在data中声明变量才有效果gitHub以及官网gitHub地址-----------官网----------------------npm install vee-validatenpm install vee-validate使用components: { ValidationProvider}import { ValidationProvider, extend } from "vee-validate";import { require原创 2020-12-10 00:04:58 · 129 阅读 · 0 评论 -
生成ID工具类
UUID说明userTempId 未登录用户的临时id 通过uuid来生成1. 因为每个userTempId自己的购物车数据 后台会根据userTempId的值来返回购物车数据 如果userTempId刷新了,购物车数据就没了(清空了) 所以生成后要持久存储起来,未来将来可以反复使用 localStorage 永久存储 sessionStorage 回话存储(一旦关闭浏览器数据就会被清空) xxx.setItem(key, value) 存储 xxx.getItem(原创 2020-12-07 00:18:21 · 456 阅读 · 0 评论 -
ElementUI
elementUI按需使用下载element-uiyarn add element-ui引入下载为vue-cli提供的包vue create my-appcd my-app// 最后一步即可vue add elementvue add elementThere are uncommitted changes in the current repository, it’s recommended to commit or stash them first.当前存储库中有未提交原创 2020-11-21 00:48:44 · 3356 阅读 · 0 评论 -
轮播图
SwiperSwiper6默认只有核心轮播图功能,其他功能没有,要使用其他功能,需要先加载npm install swipernpm install swiperimport Swiper from "swiper";import "swiper/swiper-bundle.css";错误方式下面这样子是错误的 mounted() { this.getBannersData(); new Swiper(".swiper-container", { //原创 2020-12-02 00:07:45 · 245 阅读 · 0 评论 -
模拟数据Mock
MockgitHub地址文档npm i -D mockjsnpm i -D mockjs配置服务器import Mock from "mockjs";import banners from "./rbanners.json";import floors from "./rfloors.json";// 一旦运行就会拦截Get请求,请求地址/mock/banners// 并最后参数作为响应结果响应~Mock.mock("/mock/banners", "get", { code:原创 2020-12-01 00:39:13 · 207 阅读 · 0 评论 -
进度条相关插件
nprogressgithub地址nprogress下载/引入npm install --save nprogress// 引入进度条插件import NProgress from "nprogress";// 引入样式import "nprogress/nprogress.css";使用// 开始进度条NProgress.start(); // 结束进度条 NProgress.done();示例...原创 2020-11-30 00:19:26 · 126 阅读 · 0 评论