- 博客(6)
- 收藏
- 关注
原创 javascript DocumentFragment文档碎片
概念: DOM 将 文档片段定义为“轻量级”文档,能够包含和操作节点,却没有完整文档那样额外的消耗。文档片段的作用是充当其他要被添加到文档的节点的仓库。简单说,文档碎片不属于DOM树,对其进行操作不会对DOM树进行重新渲染。因此我们可以把许多子节点添加进文档片段。最后把文档片段一次性添加进DOM树。 操作步骤: 1.使用 var fragment = document.createDocumentFragment()方法创建文档片段 2.通过 appendChild(fragment)或 insertBef
2021-04-12 09:36:24
142
原创 浅谈javascript事件委托及实践经验
1.基本概念及原理 概念:“事件委托”即是把原本需要绑定在子元素的响应事件(click、keydown…)委托给父元素,让父元素担当事件监听的职务。 原理:事件委托的原理是冒泡流。即在触发事件源时,会一直向上找父级,直到找到绑定了事件的父级。 2.事件委托的步骤 1.确定要监视事件的元素的父级元素 (代码示例中的 ul ) 2.把将事件侦听器附加到父元素 (ul.onclick) 3.用 event.target 选择目标元素 (if (target.tagName == ‘LI’) ) 3.事件委托的优
2021-04-11 23:10:15
111
原创 实现多个盒子间有边距且水平居中显示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 现需要:
2021-01-14 21:47:26
410
原创 2.块级元素与行内元素的特点
Document a label br进行换行。单独的br标签容易被误以为块集元素。实际上是行内元素 em i strong <!-- 1.1行内元素的特点 1.和其他元素都在一行,即行内元素和其他行内元素都会在一条水平线上排列; 2.高度、宽度是不可控的,设置无效,由内容决定。 设置margin左右有效,有边距效果; 设置margin上下会撑大...
2021-01-13 21:50:33
239
原创 1.html标签
一、大标签(块集元素)竖着排列,独占一行或某个区域 1.标题标签 h1-h6 2.段落标签 p 3.块标签 div 4.表格 <table> <tr> <td> </td> </tr> </table> 标签属性 4.1宽度 width 4.2高度 height 4.3边框 border 4.4 去掉单元格与单元格之间的空隙 cellspacing 4.5 去掉文本内容与单元格的空隙 cel
2021-01-13 10:53:55
45
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人