- 博客(17)
- 收藏
- 关注
RSS订阅原创 Vue3——事件监听、事件渲染、遍历渲染
本文介绍了Vue.js中三种核心渲染技术：1) 事件监听（v-on/@指令），用于绑定DOM事件；2) 条件渲染（v-if/v-show），控制元素显示/隐藏，其中v-if会移除DOM而v-show仅修改样式；3) 遍历渲染（v-for），支持数组、对象和整数的循环渲染，强调使用:key提升性能。每种技术都配有基础语法、使用场景和示例代码，帮助开发者根据实际需求选择合适方案。
2025-10-22 01:09:05
941
原创 Vue3——事件监听，条件渲染，遍历渲染
本文介绍了Vue.js中的三种核心渲染技术：事件监听、条件渲染和遍历渲染。在事件监听部分，讲解了v-on指令的基础用法、方法调用和参数传递；条件渲染部分对比了v-if和v-show指令的特性及适用场景；遍历渲染部分详细说明了使用v-for指令处理数组、对象和整数的方法，并强调了key属性的重要性。全文通过代码示例展示了各指令的具体实现方式，帮助开发者理解Vue的渲染机制。
2025-10-22 01:04:46
594
原创 JavaScript——document对象
DOM 是 document object model（文档对象模型）的缩写。它是一种与平台、语言无关的接口，允许程序动态地访问或更新 HTML、XML 文档的内容、结构和样式，且提供了一系列的函数和对象来实现增、删、改、查操作。DOM 对象的一个特点是，它的各种对象有明确的从属关系。也就是说，一个对象可能是从属于另一个对象的，而它又可能包含其他的对象。document 对象包含当前网页的各种特征，是 window 对象的子对象，指在浏览器窗口中显示的内容部分，如标题、背景、使用的语言等。
2025-09-16 22:56:24
669
原创 CSS盒子浮动与展示
语法格式：根据 CSS 规范，clear:both 要求:该盒子必须出现在所有左浮动和右浮动盒子的下方。如果前方有右浮动盒子，浏览器会将该盒子下推到浮动盒子的最底部。进而强制父盒子重新计算高度，直到高度能包裹所有浮动盒。根据 CSS 规范，clear:left 要求:该盒子必须出现在所有左浮动盒子的下方。如果前方有左浮动盒子，浏览器会将该盒子下推到所有左浮动盒子的最底部。进而强制父盒子重新计算高度，直到高度能包裹所有左浮动盒。
2025-06-04 18:37:02
518
原创 CSS盒子模型、文档流、绝对定位与相对定位
常用的边框属性有 8 项：border - width、border - top、border - right、border - bottom、border - left、border - color、border - style 和 border - radius。固定定位（position:fixed）其实是绝对定位的子类别，一个设置了 position:fixed 的元素是相对于视窗固定的，就算页面文档发生了滚动，它也会一直待在相同的地方。边框一般用于分隔不同元素，边框的外围即为元素的最外围。
2025-05-20 00:26:40
2372
原创 CSS语法基础——复合选择符
选择符决定了格式化将应用于哪些元素。复合选择符是把多个简单选择符组合起来的选择符，其能更精准地选中网页元素。CSS复合选择符包括交集选择符、并集选择符和关系选择符，其中关系选择符又包括后代选择符、子代选择符、相邻兄弟选择符和通用兄弟选择符。以前一篇HTML5页面的布局练习作业为例，通过复合选择符对给定类型的元素进行格式化，效果图如下（源代码在文章末尾）
2025-04-25 17:49:27
481
原创 CSS语法基础——引用方法
要想在浏览器中显示出样式表的效果，就要让浏览器能够识别并调用。当浏览器读取样式表时，要依照文本格式来读。这里介绍CSS样式引用的三种方法：定义行内样式，定义内部样式表和链入外部样式表。
2025-04-13 01:42:50
1250
原创 HTML5页面的布局练习作业
HTML5可以使用结构元素构建网页布局，使Web设计和开发变得更加容易，并且数据挖掘服务更加友好。HTML5提供了各种切割和划分页面的手段，允许用户创建的切割组件不仅能用来有逻辑地组织站点页面布局，而且能够赋予网站聚合的能力。
2025-04-12 01:29:30
1274
原创 HTML——列表
创建定义列表主要用到 <dl> 、 <dt> 和 <dd> 3个HTML标签。<dt> 是标题， <dd> 是内容， <dl> 可看作承载它们的容器。若 <dd> 标签中内容多，可嵌套 <p> 标签。补充：在 <ol> 后指定列表样式为数字，所以每个列表项显示为数字。创建无序列表用 <ul> （无序列表）和 <li> （列表项）标签。disc为实心圆点，circle为空心圆点，square为方块。创建有序列表用<ol>(无序列表)和<li> （列表项）标签。2.设置<li>标签的前导符号。
2025-03-25 18:52:46
504
原创 HTML--表格
表格数据的分组标签包括<thead>,<tbody>,<tfoot>，分别定义表格的头部，即页眉；表格的脚部，即页尾。表格的标签为<table>,行的标签为<tr>,表项的标签为<td>，可以用<th>表示列或行的第一个单元格。补充：设置表格背景图像，可用bgcolor或background属性，在<tr>标签内设置。rowspan指明跨的行数，在 <th> 和 <td> 标签中使用。colspan指明跨的列数，在 <th> 和 <td> 标签中使用。快捷键：table>tr*个数>td*个数。
2025-03-23 20:09:24
470
原创 HTML标签——图像、超链接锚点
HTML中的链接的专业叫法是锚点，书签链接也叫锚点链接，通过单击书签链接能指向页面里的特定段落，用于内容庞大烦琐的网页，便于浏览者快速查看网页内容。相对路径是相对于当前文件所在位置的路径，不包含完整的域名和协议，通过文件之间的相对位置关系来定位资源。书签就是用<a>标签对网页元素作的一个记号，锚点与链接可以在同一个页面，也可以在不同的页面。绝对路径是完整描述文件位置的路径，在网页中使用时通常包含协议、域名和完整的文件路径。如果要创建一个不链接到其他位置的空超链接，可用符号“#”代替URL。
2025-03-03 18:20:38
789
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人