元素偏移量offset系列 1. offset偏移量概述 使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 2. offset系列常用属性 element.offsetParent: 返回作为该元素带有定位的父级元素 element.offsetTop: 返回元素相对带有定位的父元素上方的偏移 element.offsetLeft: 同上，但是左边框的偏移 elem

Location对象 1. location对象的定义 window对象给我们提供了一个location属性，用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，也称这个属性为location对象。 2. URL: Uniform Resource Locator 统一资源定位符 互联网上每个文件都有一个唯一的URL， 包含文件的位置以及浏览器应该如何处理等信息

JS执行队列 1. JS是单线程 JavaScript语言的一大特点就是单线程，也就是同一个时间只能做一件事。这也就意味着所有任务需要排队，这就导致如果js执行的时间过长，会造成页面渲染不连贯，导致页面渲染加载阻塞的感觉。 为了解决这个问题，利用多核cpu的计算能力，HTML5允许JavaScript脚本创建多个线程，所以JS中出现了同步和异步。 2. 同步 前一个任务结束后再执行下一

BOM 1. BOM的定义 BOM ：Browser Object Model 浏览器对象模型 提供了独立于内容而与浏览器窗口进行交互的对象。BOM则由一系列相关的对象构成，并且每个对象提供了很多方法和属性。 2. BOM的构成 BOM： document，location, navigation, screen, history [所以！！BOM包含了DOM] 3. window对象的

DOM事件流 1. 事件流 描述从页面中接收事件的顺序。 2. DOM事件流 事件发生时会在节点元素之间按照特定的顺序传播。此传播过程即为DOM事件流。 3. DOM事件流三阶段 捕获阶段：从windows对象依次向下传播，到达目标节点。捕获阶段不会相应任何事件。 当前目标阶段：目标节点触发事件。 冒泡阶段：从当前节点依次向上传播，直到windows对象。 DOM事件流三阶段 4. 注意

事件对象 1. 事件对象的定义与理解 事件对象的官方定义：event事件对象代表事件的状态，比如按键的状态，鼠标的位置等等。 理解：当DOM树中某一个元素事件被触发的时候，会同时自动产生一个用来描述事件的所有相关信息的对象，这就是event（事件对象）。 2. 事件对象的使用语法 2.1 可以直接通过event来获取 2.2 可以通过函数传参数的方式获取： eventTarget.oncli

js事件高级 1. 注册事件（绑定事件） 【传统的注册方式】： ​ var btn = document.getElementById(‘btn’);//获取事件源 ​ btn.onclick = function() {alert(‘hhhhh’)}//事件类型+事件处理程序 特点：注册事件的唯一性（同一个元素同一个

js节点操作 利用DOM树可以把节点划分为不同的层级关系。 父级节点 node.parentNode 这个属性返回node节点最近的一个父节点 子节点 node.childNode 返回指定节点的所有子节点的集合 !注意：包括文本节点甚至空格等都会被一起返回， 若只想获得子元素节点就别用了 ​ 2.1 更推荐的方法 ​ node.children只读属性，只返回所有子元素节点。

js事件基础 1. 事件概述 ​ js使我们有能力创造动态页面，其中，事件是可以被js侦测到的行为。 2. 事件三要素 事件源：谁被触发 e.g.按钮 事件类型： 怎么触发 e.g.点击触发 事件处理程序：通过函数赋值的方式 e.g.弹出对话框 3. 执行事件的步骤 获取事件源 注册（绑定事件） 添加事件处理程序（函数赋值） 4. 常见的鼠标事件

DOM 1. DOM的定义 DOM：document object model文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口，通过这些接口可以改变网页的内容、结构和样式。 2. DOM树 文档：一个页面就是一个文档，DOM中用document表示 元素：页面中所有的标签都是元素，DOM中用element表示 节点：页面中所有的内容都是节点，DOM中用node表示 DO