- 博客(6)
- 收藏
- 关注
RSS订阅原创 JS--DOM
DOM Document Object Model 文档 对象 模型 HTML里面的节点进行操作（增、删、改、查） Node 节点 NodeList 节点列表 NodeName NodeValue NodeType 元素节点 元素名称 null 1 属性节点 属性名 属性值 2 文本节点 #text 文本内容 3 注释节点 Comment 注释内容 8 元素节点 获取节点 Node 节点 NodeList 节点列表 通过标签名获取元素节点
2021-06-16 13:39:52
239
原创 JS 事件
事件 功能：监听事件的触发，调用函数 事件三要素 事件源：绑定事件的节点 事件类型：鼠标和键盘事件 事件处理函数：触发事件时调用的函数 DOM2 给节点添加事件监听器 书写格式：NodeName.addEventListener(参1,参2,参3) 参1：事件类型 参2：事件处理函数 参3：事件流[参数3，取值为true是捕获，取值为false是冒泡(默认值)] //冒泡：从里到外依次执行 artEle.addEventListener("click",artFn,false); secEle.addE
2021-06-16 09:53:28
222
原创 Web前端基础——列表list
列表 适用场景 列表：某一类相关的内容，整合到一起展示 导航：如下代码 <header> <nav> <ul> <li> <a href="#"><i></i>首页</a> </li> <li>
2021-04-11 17:14:21
1687
原创 Web前端基础——弹性布局display:flex
display：元素显示的方式 display的取值： display:none 不生成盒子 display:inline 行盒 多个行盒 标签可在一行显示 display:block 块盒 块盒元素独占一行 display:其他 例如：flex Flex 容器：父元素 项目：子元素 主轴：X轴（默认） 交叉轴：y轴（默认） display不具有继承性 display：flex； 添加flex的标签就是容器，子元素就是项目 功能： 1.所有的项目默认情况在
2021-04-03 17:00:51
1076
原创 WEB前端基础——绝对定位、相对定位
相对定位 相对位置，是指相对于盒子在原本定位体系下的位置 将盒子的position属性设置为relative，以启用相对位置 盒子启用相对位置，起始位置为元素本身位置的左上角，移动后会保留盒子的本身的位置，下面的常规流盒子不会移动。 视口 浏览器的可视 窗口 绝对定位 概述 当浮动元素被设置为绝对定位 属于绝对定位，float属性被强制设置为none 绝对定位元素对其他元素的影响 绝对定位元素不会对其他任何元素造成任何影响 绝对定位元素的位置 可通过left、top、right、botto
2021-03-27 19:23:56
3596
原创 web前端客户端基础学习
!DOCTYPE html 功能是：告知浏览以哪个版本来解析HTML的元素 注：必须放在第一行 DOCTYPE 文档声明定义 document 文档 type 类型 charset utf-8 字符编码集 告诉浏览器用哪一个版本来解析文本（包括标点符号，文字） viewport 视口（可视窗口） title 标签页标题 HTML元素的组成部分 元素：起始标记、内容和结束标记 某些元素的起始标记内有属性 属性：属性名和属性值 例如: <a href="/classroom/17">班级&
2021-03-20 15:35:55
398
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人