![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端分享
文章平均质量分 66
齐天qaq
生活给我一颗酸柠檬,我把它酿成了柠檬汽水。
展开
-
v-for中key的原理以及用法
key 的使用是 Vue 中管理动态列表非常重要的一个方面,它确保了列表渲染的性能和正确性。在使用 v-for 时,总是推荐为每个项指定一个唯一的 key 值,通常是每个项的唯一标识符,如 ID 或者其他唯一字段。这样可以帮助 Vue 更有效地更新和管理 DOM。原创 2024-06-27 14:44:32 · 813 阅读 · 0 评论 -
聊聊CSS中的Position
这时,浏览器会按照源码的顺序,决定每个元素的位置,这称为"正常的页面流"(normal flow)。每个块级元素占据自己的区块(block),元素与元素之间不产生重叠,这个位置就是元素的默认位置。定位的元素会被"正常页面流"忽略,即在"正常页面流"中,该元素所占空间为零,周边元素不受影响。这四个属性一起使用,表示元素的初始位置是基于视口计算的,否则初始位置就是元素的默认位置。表示,相对于上级元素(一般是父元素)进行偏移,即定位基点是父元素。定位,所以子元素的定位基点是父元素,相对于父元素的顶部向下偏移。原创 2024-06-21 11:42:24 · 619 阅读 · 0 评论 -
JavaScript保留两位小数
2. 舍入规则:toFixed 方法会按照四舍五入的规则进行舍入,这可能会导致一些意外的结果。4. 处理特殊值:在处理特殊值如 NaN 或 Infinity 时,toFixed 方法可能会返回 "NaN" 或 "Infinity" 字符串,需要额外处理。因此,在需要保留小数位的情况下,需要额外的除法操作来得到保留小数位的结果。1. 舍入规则:Math.round 方法会按照标准的四舍五入规则进行舍入,这意味着小数部分大于等于 0.5 时会向上舍入,小于 0.5 时会向下舍入。原创 2024-06-19 16:31:30 · 297 阅读 · 0 评论 -
浅谈JavaScript中的对象赋值
3. Object.assign() 方法(浅拷贝):this.info = Object.assign({}, this.deviceInfo),使用 Object.assign() 方法将一个或多个源对象的属性复制到目标对象,也是实现浅拷贝的一种方式。2. 对象扩展(浅拷贝):this.info = {...this.deviceInfo},使用对象扩展语法创建一个新对象,包含原对象的所有属性和值,但是它们引用不同的对象。这些是常见的对象赋值方式,每种方式都有不同的特点和适用场景。原创 2024-06-04 14:40:22 · 412 阅读 · 0 评论 -
Vue实现版本号输入、删除时光标自动移动到上、下一个输入框前端demo
首先声明,我平时的工作主要是后端JAVA开发,该demo为前端练习,记录一下劳动成果,希望对大家有所帮助,如果有写的不妥的地方,欢迎大家指正,一起学习、共同进步。原创 2024-01-05 16:26:55 · 1199 阅读 · 0 评论 -
解决element ui中el-tabs标签点击切换闪屏问题
el-tab-pane label="特殊路段配置" name="three"><specialRoadDetail /></el-tab-pane><el-tab-pane label="车站配置" name="second"> <stationDetail /></el-tab-pane><el-tab-pane label="线路配置" name="first"><lineDetail /></el-tab-pane>使用v-if="activeName==='first'"原创 2023-07-01 16:50:32 · 1485 阅读 · 1 评论 -
elementUI 输入框按回车刷新页面分析与解决
注意:如果你发现@keydown.enter.prevent在Element UI的组件中不起作用,那可能是因为组件内部实际上是一个包装了原生的组件,所以你需要使用.native修饰符来监听原生的keydown事件。而当你使用@keydown.enter.native.prevent时,你是在按键被按下的那一刻阻止了默认的表单提交行为,所以它能够有效地阻止表单的提交。在阻止表单提交的情况下,通常使用@keydown.enter更为有效。原创 2023-06-29 13:54:25 · 1943 阅读 · 3 评论