自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 一招制敌:CSS完美解决自动填充输入框白色背景问题

在网页开发过程中,我们常常会依赖浏览器的自动填充功能,以提升用户的登录和表单填写体验。但这个看似便利的功能,却往往伴随着一个恼人的视觉瑕疵 —— 自动填充后出现的白色背景块。这不仅破坏了精心设计的页面一致性,还可能分散用户的注意力,影响整个用户界面的美观度。比如在一个登录页面中,当用户使用浏览器的自动填充功能填入账号和密码时,原本与页面风格统一的输入框瞬间被白色背景块占据,就像一个刺眼的补丁打在页面上,与周围的设计格格不入。

2025-04-09 08:53:37 810

原创 整合element-plus上传组件和tui-image-editor

支持查看(el-image-viewer)、图片编辑(tui-image-editor)、删除、下载操作,可通过props配置开启哪些功能

2025-04-08 15:12:04 988

原创 Vue 中的事件修饰符与按键绑定

preventstopdivstopchildClickdivdivdivpassivepassive,先停止冒泡,再阻止默认事件。在实际应用中,根据具体需求合理组合使用修饰符,能使事件处理更加灵活和高效。

2025-02-14 09:52:55 773

原创 将视频设置为网站的背景

如果元素的比例与容器的比例不匹配,内容将被缩放直到它的尺寸完全覆盖容器,会裁剪掉一些内容。但内容的中心部分会始终显示在容器中,多余的边缘部分则会被裁切。表示该元素的位置是相对于浏览器窗口固定的,而不是相对于文档流中的任何其他元素。这对于背景视频特别有用,以确保不会打扰用户的浏览体验,尤其是在自动播放的情况下。这个属性非常适合用来创建背景视频或图片,确保它们总是完整地填充指定的空间,同时不会失真。属性指定了元素的定位类型,它决定了元素如何相对于浏览器窗口或页面上的其他元素进行定位。

2025-02-13 11:00:24 294

原创 CSS3新增的属性

CSS3新增的属性

2025-02-13 10:57:59 666

原创 CSS元素的定位

2.对于脱离文档流的元素:包含块是第一个拥有定位属性的祖先元素(如果所有祖先都没定位,那包含块就是整个页面)。2.可以使用 left、right、 top、 bottom 四个属性调整位置,不过最常用的是 top 值。最常用的值是 top 值。4.相对定位不会脱离文档流,元素位置的变化,只是视觉效果上的变化,不会对其他元素产生任何影响。7.粘性定位和相对定位的特点基本一致,不同的是:粘性定位可以在元素到达某个位置时将其固定。5.相对定位元素的显示层级比普通元素高,无论什么定位,显示层级都是一样的。

2025-02-07 11:52:12 919

原创 过年烟花,点击屏幕可现实爱心+喜欢人的名字

过年烟花

2025-01-24 10:11:46 1370

原创 CSS选择器

作用:可以选中所有的 HTML 元素。元素选择器作用:为页面中 某种元素 统一设置样式。类选择器注意点:1.元素的 class 属性值不带 . ,但 CSS的类选择器要带2.class 值是我们自定义的,按照标准:不要使用纯数字、不要使用中文、尽量使用英文与数字的组合,若由多个单词组成,使用-做连接,例如:left-menu,且命名要有意义,做到“见名知意”。3.一个元素不能写多个 class 属性,下面是 错误示例:4.一个元素的 class 属性,可以写多个值,要用空格隔开注意点

2025-01-22 19:25:11 1013

原创 Failed to load module script: Expected a JavaScript module script but the server ···报错解决

经过排查,发现是因为在本次大版本更新后,修改了很多的样式,并且有很多样式是从另一个项目复制过来的,因此导致有一部分文件(图片)并没有用到,但在css以及JavaScript文件中有引入,因此在开发环境中并未有报错,而部署在线上后经过打包,服务器无法找到这些文件,不断进行重定向,此时默认的访问类型为"text/html"。因此产生的报错,并且有一些文件命名时,使用了中文命名,但是引用方式并不支持中文命名的文件,因此产生的报错。但为什么注释掉后部署,能够正常访问,原因未知。

2025-01-16 15:36:32 3099 4

原创 通过弹窗打开百度地图渲染多边形时,出现一条数据渲染出多个图形(包括多边形、线形)的情况

项目场景:通过弹窗打开百度地图渲染多边形时,出现一条数据渲染出多个图形(包括多边形、线形)的情况问题描述通过弹窗打开百度地图渲染多边形时,出现图形渲染出多个的情况,且每个点均可编辑,编辑后均可改变图形实际的坐标,但会新增"Ye": “inner”。打开控制台,发现有报错信息,但是报错信息并不在绘制多边形图形的位置test.vue:649 Uncaught TypeError: Cannot read properties of undefined (reading ‘map’)at Ud.

2025-01-13 09:04:04 137

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除