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