- 博客(4)
- 收藏
- 关注
原创 解决vue项目报错 ERROR in Conflict:Multiple assets emit different content to the same filename index.html问题
在终端重新输入‘npm run dev'或者是'npm run serve'命令运行项目。文件,添加html: { template: './src/index.ejs' }解决方案如下:点击两次ctrl+c将报错项目停掉终止批处理操作吗(Y/N)?因为我们打包时重名了,又或者是在命名时有多个文件重名;public目录下 将index.html后缀修改为。运行没有报错说明问题解决了。
2024-06-16 15:25:18
560
2
原创 解决背景重叠问题
但是在实际添加中我们可能还会发现添加的背景图片可能会多出一部分区域与是没有被背景图片所覆盖,我们可以调整图片的size,如果想要填满整个区域的话,可以使用cove这个语法,最后再将图片置中于整个区块,这样子的背景设定就算完成了。这样子我们可能会发现添加的代码可能会重叠,你们我们可以添加一行no-repeat的语法,让背景图片只显示一张background-repeat:no-repeat;在制作网页过程中我们可能需要为网页添加一些背景图片添加背景图片使用的是backgroung-imge实际代码如下。
2024-06-13 15:16:00
388
2
原创 使用vue如何判断当前设备是PC端还是移动端?
在实际开发中我们经常会遇到一个需求,就是做一个页面链接到移动端,但是要求移动端和PC端页面样式不一样,这就是要判断当前登录网页的设备是PC还是移动,那么我们就需要对当前登录设备进行判断。
2024-06-12 17:07:40
707
原创 vue3页面滚动、卡顿、掉帧问题的解决发方法
这个问题是今天解决的,一直在想是不是速度的问题导致手动滚动页面的时候一卡一卡的,后面调节了几次页面发现不是速度的问题是我页面滚动那里没有添加一个平滑滚动效果;来实现平滑滚动效果。这样可以让浏览器自动处理滚动动画,提高用户体验并减少掉帧现象。这样子写他的效果就是一卡一卡的,我们需要添加一个平滑效果的代码;解决页面提高页面滚动速度并解决页面掉帧的现象,你可以尝试使用CSS属性。属性,浏览器会自动处理滚动动画,从而提高滚动速度并减少掉帧现象。添加该代码之后页面上下滑动时是平滑的,不会有一卡一卡的效果;
2024-06-12 16:39:51
808
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人