html+css
茂茂睡不醒
defined but never used
展开
-
纯css实现满屏雪花飘落效果
这里使用了关键帧动画(keyframes animation),其中定义了一个名为"snow"的动画,以及一个"-webkit-snow"的动画(兼容WebKit内核的浏览器)。这两个动画使用相同的规则:通过改变背景图片的位置,模拟雪花从天上落下的效果。其中,初始位置为0 0,终止位置为500px 1000px和500px 500px。该元素的背景使用两张图片,即"snow1.png"和"snow2.png"。这段代码定义了一个名为"snow"的CSS样式,该样式将被应用于某个HTML元素上。原创 2023-05-06 16:36:01 · 935 阅读 · 1 评论 -
el-table绑定的数组里面的对象值进行修改时,视图没有更新
其中,array是绑定到el-table的数组,index是需要修改的对象在数组中的索引位置,propertyName是需要修改的属性名称,newValue是新的属性值。其中,findIndex()方法用于查找满足条件的元素在数组中的索引位置,item是数组中的每个元素,item.id表示对象的id属性值,2表示要查找的id值。其中,第一个参数是数组对象,第二个参数是对象在数组中的索引位置,第三个参数是一个新的对象,它继承了原始对象的所有属性,但是将age属性值改为20。原创 2023-04-20 13:45:40 · 2477 阅读 · 0 评论 -
vue报错Eror in v-on handler: “TypeError: Cannot set property name of #<File> which has only a getter“
这个错误通常出现在使用 Vue 的 v-model 绑定一个文件上传表单元素时,在触发上传事件时尝试修改表单元素的值。文件上传表单元素是只读的,因为浏览器不允许 JavaScript 直接设置它们的值。因此,当你试图修改一个文件上传表单元素的值时,就会出现这个错误。原创 2023-04-20 11:50:47 · 4524 阅读 · 0 评论 -
element-ui中el-table点击其他自定义按钮展开table中某一行
在日常开发中,我们遇见了会有点击某些按钮,使得表格行展开的需求,这时候去查看文档element-ui(table)这里官方提供了示例为在行最左侧有一个展开合并icon,但是点其他地方不能展开,我们又想点其他地方而展开我们看见是在table-column上定了type为expand,而该列里面的自定义模板便是展开后显示的内容我们想要实现点击自定义功能,继续查阅文档:这里的expand-row-keys文档解释说可以设置当前已展开的行,那么我们可以给table绑定这个属性,在点击方法里面进行绑定原创 2023-02-17 14:07:48 · 4830 阅读 · 1 评论 -
vue中针对el-table表格的拖拽
vue中针对el-table表格的拖拽原创 2023-02-01 18:06:03 · 3906 阅读 · 0 评论 -
关于css中子绝父相
关于css中子绝父相正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教!子绝父相就是对子元素和父级元素的定位有一个设置设置了子绝父相1过后,子级元素的参考坐标系将不是页面左上角,而是定位父级的左上角,从而在进行布局时可以更方便。下面放出代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</titl原创 2021-01-26 13:24:27 · 1151 阅读 · 1 评论 -
CSS样式设置中的margin设置
CSS样式设置中的margin设置正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教!首先是margin4个值的意思从左到右的数值代表的是:上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2021-01-26 13:01:32 · 1273 阅读 · 0 评论