分类:vue

vue开发笔记

vue2项目运行报错 Cannot find module ' webpack'

vue2项目运行报错 Cannot find module ' webpack'
遇到“Cannot find module 'webpack'”的错误通常意味着你的项目中没有正确安装webpack,或者是安装路径问题导致webpack无法被项目正确识别。以下是一些解决这个问题的步骤: 1. 检查webpack是否已安装 首先,你需要确认webpack是否已经...

yekong 9个月前 (02-23) 喜欢

vue tab可拖动,点击居中显示

vue tab可拖动,点击居中显示
数据可视化大屏项目开发中,如果菜单太多的话,我们就需要滚动显示。 这里我们要实现菜单可以鼠标拖动滚动,左右箭头点击滚动,点击菜单对应的菜单居中,如果左侧或者右侧没有多余的菜单了则不再滚动。 动态效果 使用到的插件 "@better-scroll/core"...

yekong 9个月前 (02-21) 喜欢

数据可视化大屏使用axios请求数据

数据可视化大屏使用axios请求数据
数据可视化大屏项目开发中,经常需要请求数据,今天讲接口请求数据的流程记录一下。 axios封装 我们创建一个文件request.js import axios from 'axios' // import {Message} from 'element-ui' import {b...

yekong 9个月前 (02-18) 喜欢

ps让图片变为黑白色的办法

ps让图片变为黑白色的办法
在Photoshop中,将彩色图片转换为黑白色的方法有多种。以下是几种常用的方法: 改变图像模式: 打开彩色照片,点击菜单栏的“图像”,选择“模式”,然后选择“灰度”。 在弹出的对话框中选择“扔掉”彩色信息,图片就会变成灰度模式,即黑白色。 使用黑白调整: 点击“...

yekong 9个月前 (02-14) 喜欢

vue 高德地图实现报警光圈效果

vue 高德地图实现报警光圈效果
vue数据大屏项目开发中,我们会遇到需要渲染地图,并且在地图上添加报警的效果,今天我们来整理一些在开发中可能会需要的报警动效。 动态效果 演示地址 vue 高德地图实现报警光圈效果 这里的动画我们使用的是lottie来实现的,通过lottie-web来渲染动态效果。 动画组件...

yekong 9个月前 (02-14) 喜欢

ae实现在三维层面旋转的环形

ae实现在三维层面旋转的环形
数据可视化大屏项目中,为了更加酷炫,我们需要增加一些动画效果,今天要实现的效果是三维层面的旋转环形。 动画效果如下: 首先绘制一个圆 首先绘制一个圆,然后调整好圆的位置 调整圆的角度 我们勾选圆形的3d效果,调整好角度, 我们按R,找到x轴,调整x轴的角度,让其和当前的...

yekong 9个月前 (02-13) 喜欢

vue3框架使用vue2写法将自定义组件渲染到高德地图中

vue3框架使用vue2写法将自定义组件渲染到高德地图中
vue项目开发中,我们需要在地图上渲染一个告警动画效果,这里我们使用的是lottie实现的动画效果,我们需要将我们的自定义组件渲染到地图上,框架我们使用的是vue3 vite js实现的,但是写法我们是用的vue2的写法 渲染实例代码 <template> &l...

yekong 9个月前 (02-13) 喜欢

如何查看webpack版本

如何查看webpack版本
要查看已安装的webpack版本,你可以使用以下命令: 使用npx webpack --version命令来查看已安装的webpack版本。这个命令会输出webpack、webpack-cli和webpack-dev-server的版本号。 npx webpack --ver...

yekong 10个月前 (02-02) 喜欢

vue 项目写一个下拉菜单效果

vue 项目写一个下拉菜单效果
vue项目开发中,经常会用到下拉菜单功能,我们经常会使用element这里ui组件来实现,但是在实际开发中经常要自定义样式,这里会遇到一些问题,比如下拉菜单的样式自定义困难以及一些选中白边处理问题,所以这里想着自己实现一个下拉,这样自己想怎么实现样式就可以怎么实现。 下拉动画...

yekong 10个月前 (02-02) 喜欢