vue-cli3下的typescript项目，在build时想要生成分析报告进行性能优化。package.json命令如下："scripts": {"dev": "vue-cli-service serve --mode dev","serve": "vue-cli-service serve --mode dev","build": "vue-cli-service build --mode p

我用docker创建的mq，发下没有配置文件，我也没去设置默认的配置mq配置文件。重点来了：当使用 ip+15672 访问的时候，linux肯定是登录不了。提示只能本地ip登录由于账号guest具有所有的操作权限，并且又是默认账号，出于安全因素的考虑，guest用户只能通过localhost登陆使用，并建议修改guest用户的密码以及新建其他账号管理使用rabbitmq。这里我们以创建个...

<template><el-form ref="form" label-position="left" :model="form" :rules="rules" label-width="80px"style="margin:20px;width:60%;min-width:600px;"><el-form-item label="坐标类型" prop="coordi

效果图，不会做gif。。。只有静态预览： 上下滑动的时候固定了顶部，并且往左滑的时候冻结了第一列。代码： 主要原理就是用position: sticky;这个属性，粘在top==0px的时候.<template><div class="report_detail"><table><thead><tr><th v-for="(n,..

最近刚好又碰到ref为空问题，记录下当我们在 vue 项目中，想要通过$refs 来获取元素时，会出现获取不到的BUG,原因是，dom 节点 异步加载机制，解决方案：this.$nextTick 来解决但是有时候 即使加上了 也是依旧报错 原因是： v-for 循环 得到的不止一个 解决方案 this.$refs[refName][0]还有一个原因是 v-if v-show 进行的设置 具体问题

基于vue-cli3.0构建项目，npm引入多个第三方包。build之后，包体积太大导致首屏过长。----毫无体验感！！！实践的项目喜欢捣鼓可以clone下来只总结了亲测效果明显的几种方案，解决方案大多来自于日常总结及各路大佬，如有不足，请大佬补充~1、路由懒加载在 Webpack中，我们可以使用动态 import语法来定义代码分块点 (split point)： import('./About.

效果：<template><div class="container"><div style="display:flex;"><div class="item-wrap"><div class="item"></div><div class="dot"></div>.

vue3项目使用prettier格式化代码

在vue项目，有时请求返回的数据res.data中会有含有\n的字符串，如果直接渲染的话无法实现换行。解决方法：一、通过 css属性 实现即：设置 white-space: pre-wrap;，（代码如下）：<div style="white-space: pre-wrap;">{{请求返回的含有\n的字符串}}</div>二、使用v-html实现首先，将字符串里的 \n

compression-webpack-plugin非常好用的压缩插件，适用于vue-cli版本2以上查看安装vue-cli版本vue -V// 在设置为 `true`之前, 确保安装了compression-webpack-plugin开发依赖// npm install --save-dev compression-webpack-pluginproductionGzip: true,prod