在vue数据大屏开发中，经常会出现为了装饰而有很多异形头部，比如vue数据大屏 采油厂风险管控系统这个项目，里面有很多异形头部图，就像下面的截图，长得很像但是长度又不一样的，当时为了切这些地方切出来好多个很相似但是宽度又不同的图片，页面稍微调整宽度，这些位置就会轻微变形。
所以...
yekong
2年前 (2023-01-30)
喜欢
vue数据大屏项目开发时，经常会遇到为了装饰元素会在四个角增加一些不一样的装饰，但是每次都要写一遍太麻烦了，所以抽离出来给div的四个角增加图片模板作为一个组件。让四角添加起来更方便。后面拿过来微调一下就可以直接使用了，不用再重复编写代码了。
使用时，父级需要添加positio...
yekong
2年前 (2023-01-30)
喜欢
最近在学习vue3，为了更好的实践，所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入wowjs来实现动画，但是升级到vue3后再使用wowjs会报下面的错误。
报错
Uncaught...
yekong
2年前 (2023-01-28)
喜欢
vue项目中会使用wow.js+animate.css这类插件进行项目动画渲染。但是使用animate.css插件没有效果，使用特定版本的animate.css就可以，今天趁着处理vue3 vite项目使用wowjs实现加载动画问题也把这个历史问题给解决了。推荐方案1
解决方案...
yekong
2年前 (2023-01-28)
喜欢
最近在学习vue3，为了更好的实践，所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统，用来做实践项目。
然后遇到了第一个问题
使用vite引入组件的时候会报错误
Failed to load url /src/comp...
yekong
2年前 (2023-01-28)
喜欢
被引入的文件
module.exports = {
url: "https://www.wanjunshijie.com"
}
vue.config.js
const url = require('./qiniu-upload-prefiex.js');...
yekong
2年前 (2023-01-27)
喜欢
在vue2开发时一直使用的别名提示，使用vue3的vite时，突然不能用别名了，研究发现需要配置一下。
找到vite.config.js,添加alias配置就重新运行就可以了。
import {defineConfig, loadEnv} from 'vite';
import ...
yekong
2年前 (2023-01-24)
喜欢
vue项目为了提升加载速度，会将静态资源托管到cdn上，以前一直使用的是vue2最近开始学习使用vue3，也加入到了vite的大军当中，首先要解决一下cdn的问题。
仍有问题
虽然能够成功上传到七牛云了，但是目前还有一个问题，使用vite打包后chrome浏览器请求获取js文件时...
yekong
2年前 (2023-01-23)
喜欢
vue项目中，使用vite打包时，我们需要判断环境，用于做不同的处理，比如cdn部署。
通过process.env.NODE_ENV我们可以获取到环境。
import {defineConfig, loadEnv} from 'vite';
import vue from '@v...
yekong
2年前 (2023-01-23)
喜欢
首先项目中需要配置了postcss-pxtorem
vue3 数据大屏实现屏幕自适应 px转rem
找到postcss.config.cjs
添加exclude
module.exports = {
plugins: {
autoprefixer: {},...
yekong
2年前 (2023-01-23)
喜欢
