- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue 3 核心指令实战：事件监听、条件渲染与遍历渲染
1，点击事件监听v-on:事件名可以简写为@事件名通过绑定方法change，实现点击按钮时执行对应逻辑。2，键盘事件监听除了点击事件，v-on3，代码逻辑实现。
2025-10-18 21:14:20
413
原创 盒子的清除浮动
清除浮动：防止浮动溢出现象的出现而进行的 CSS 处理。即清除元素 float属性。在页面布局时，浮动属性可以实现良好的布局效果。浮动溢出：当容器高度设置为 auto 且容器的内容中有浮动元素时，容器高度不能自动伸长以适应内容的高度，使内容溢出导致页面错位，这个现象称为浮动溢出。
2025-05-29 21:17:23
322
原创 盒子的浮动
1.当子元素设置浮动后脱离文档流,父元素无法感知子元素的高度,导致自身高度计算为0。:第一个设置左浮动的盒子浮至浮层,其它设置左浮动的盒子紧跟其后,从左到右排列,直到放不下才换行。概念：盒子浮动后,文档流后面的兄弟盒子会自动递补其位置。其中,文本会非常敏感,将自动环绕浮动盒。2.父元素塌陷后,其下方的非浮动元素会向上移动,与浮动子元素产生覆盖或重叠现象,破坏域重叠。盒子设置float属性浮动后,将脱离其原本位置,文档流后面的元素会自动递补其位置。第一个设置右浮动的盒子浮至浮层,其它设置右浮动的盒子紧跟。
2025-05-26 19:32:28
317
原创 盒子的定位
含义：相对本身的位置，通过偏移达到新的位置水平偏移：left / right垂直偏移：top / bottom！注释内容为 ：盒子2相对原本位置向左移动100px。
2025-05-17 19:40:28
270
原创 伪类选择器和伪元素选择器的介绍
解释：可以把伪类理解为标签的四个内置动态属性, 且只能在CSS配置用单冒号：表示这四个伪类选择器通常一起使用，以创建具有丰富交互效果的链接和按钮。1. :link, :visited, :hover, :active这四个伪类从前到后的顺序不能颠倒，否则会影响浏览器的渲染。2. 有些浏览器对伪类的支持不太好，比如部分火狐浏览器无法支持:active属性（我们主要使用谷歌浏览器和edge浏览器）
2025-05-02 15:39:24
333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人