DOM

防抖：触发高频事件后n秒内只执行一次，如果n秒内再次触发就会重新计算时间。 节流：触发高频事件后n秒内只执行一次，所以节流会降下函数的执行频率。n秒内再次触发也不会执行 高频率触发的业务：抽奖、登录、

出现的问题：想获取script脚本节点后面加载的元素节点，是获取不了的，因为文档的加载是按照文档树的顺序加载的 解决方案： 1.当页面加载完成的事件触发，再去执行获取节点的方式 2.script as

浏览器加载一份html文档是怎么加载的？ 1.把标签、文本、注释、属性等等，解析为节点树（DOM Tree） 2解析DOMtree中的节点时，遇到了不同的元素会有不同的操作： 3.把 2.1 css样

事件代理：是一种设计思想，利用事件对象中引用的目标对象这个技术来实现的 原理：无论事件触发时，是不是目标对象的监听器，在监听器内部的事件对象event中都可以访问这个事件的目标对象，利用这个特点去绑定

事件链原理（捕获、目标（target）、冒泡）： 事件链（path）：先捕获，后目标，再冒泡，只能有一个阶段触发程序执行,比如捕获阶段触发了到了冒泡阶段就不再触发 （捕获阶段：相当于程序从window

盒子模型：元素的数据（比如宽高、大小等） x.offsetWidth:本身宽度+边框线+左右内边距（width+border+padding） x.offsetHeight:height+border

事件对象： 定义：事件触发时，handler函数内部会传入数据，这个数据就是触发时的信息。 事件处理函数形参ev(event) 全局对象 window.event（如果函数传入了实参，就用这个） 兼容

事件类型：鼠标事件、键盘事件 鼠标事件： click（单击事件）： 只要鼠标按下和松开时，鼠标指针在被选元素区域内部，那么无论鼠标中间是否离开过被选元素区域内部，函数都会触发。 dblclick（双击

事件： 定义：元素在某种状态（浏览器实现的，也就是事件触发时）达成时，要执行的、提前设定好的程序，我们称之为事件句柄，是交互体验的核心功能。 交互有两种：鼠标、键盘。 组成的三要素： 事件源、事件类型

通过方法获取元素： 1.旧方法： 1.通过id名获取元素，如果没找到，返回null，它的查找速度最快 document.getElementById("标签名") 2.获取节点容器，返回一个类数组，如

元素的增删改查： 1.获取元素 ：document.querySelector("") 2.创建元素：这个元素是不会渲染到页面上的，它不在DOM中 document.createElement("")