这是我参与「第四届青训营 」笔记创作活动的第5天。
事件
事件是在编程是系统内发生的动作或者发生的事情，网页上单击一个按钮；
事件监听
- 程序监测是否有事件产生，一旦有事件触发就立即调用另一个函数；其语法为：
元素.addEventListener('事件'，要执行的函数)； - 事情监听三要素
- 事件源：dom元素被事件触发需要获取dom元素；
- 事件：触发的方式，比如鼠标单击click，鼠标经过mouseover等，事件类型一定要加引号；
- 事件调用的函数：要完成的事情。
- 事件类型
- 鼠标事件：click 鼠标点击(mouseenter/mouseleave 鼠标经过/离开)；
- 焦点事件：表单获得光标(focus/blur 获得焦点/失去焦点)；
- 键盘事件：键盘触发（Keydown/Keyup 键盘按下触发/抬起触发）；
- 文本事件：表单输入触发（input 用户输入事件）；
高阶函数
高阶函数可理解为函数的高级应用，javascript中函数可以被当成值来对待。
let fn = function(){}，将函数赋值给一个变量；- 回调函数
function fn (){} 其中setInterval(fn, 1000)fn称为回调函数；
- 环境对象
- 环境对象 this指是一个对象；谁调用this就指向谁。
- 排他思想：当前只能有一个对象进行改变。
DOM结点
- DOM结点：DOM树里每个内容都称之为结点。
- 元素结点：所有的标签，如body，div；
- 属性结点：所有的属性，比如href；
- 文本结点：所有的文本。
- 查找结点
- 父节点查找：parentNode属性，返回最近一级的父节点；
- 子节点查找：children（仅获得元素节点且返回的是伪数组）；
- 兄弟节点查找：
nextElementSibling 下一个节点； previousElementSibling 上一节点
- 增加节点
- 先创建一个新的网页元素后添加；
- 语法：
document.createElement('标签名')； - 创建之后追加后面节点：插入到某个父元素的最后一个子元素，
父元素.appendChild(子元素) - 追加前面的元素：
父元素.insertBefore(子元素，放到哪个元素的前面)
