Dom,Bom

1.WebAPI和API
2.innerText和innerHTML
3.绑定事件
4.删除事件
5.事件对象
6.target和this
7.常见的事件对象的属性和方法
21.事件委托

8.什么是BOM
9.window.load
10.document
11.window.onresize
12.定时器
13.同步和异步和事件循环
14.location对象
15.navigation对象
16.history对象
17.offset系列
18.scroll系列
19.三大系列总结：
20.移动端click延迟解决方案
1.WebAPI和API



2.innerText和innerHTML

3.绑定事件
传统方式(唯一性):eventTarget.onclick = function(){},绑定有唯一性
w3c方式(兼容性)：eventTarget.addListener (‘type’,callBack,[usecapture?])
eventTarget.attachEvent(eventNameWithOn, callback)
on和attachEvent只能冒泡
addListener 可以在第三个参数传入是否使用捕获事件
开发中更关注冒泡事件
但是有些事件没有冒泡：onblur,onfocus,onmouseenter,onmouseleave

4.删除事件
(1)eventTarget.onclick = null
(2)eventTarget.removeEventListener (‘click’,functionName)
(3)eventTarget.detachEvent(eventNameWithOn, callback)

5.事件对象：在callbackFunction的参数，
只有触发了事件，才有事件对象。
事件对象是和事件相关的=>eg:点击事件，事件对象是鼠标的相关信息：鼠标的坐标

6.target和this
e.target返回的是触发事件的对象
this是返回的是绑定事件的对象
currentTarget是返回的是绑定事件的对象
比如绑定了ul，点击的是li

7.常见的事件对象的属性和方法

8.什么是BOM

9.window.load
window.load = function(){} === window.addEventListener(‘load’,function(){})

10.document:不需要等待图片下载完毕
document.addEventListener(‘DOMContentLoaded’,function(){
})

11.window.onresize浏览器调整窗口发生事件，可以拿到window.innerWidth

12.定时器；延迟的毫秒数默认是0
setTimeout(callBack,[延迟的毫秒数]):时间到了就执行函数，只执行一次


setTimeval(callBack,延迟的毫秒数)：每到时间间隔就调用函数，不断的执行函数；

13.同步和异步和事件循环
同步是指按照任务的顺序执行代码，一个任务完成了之后才可以去做第二个任务；eg:烧水煮菜，烧水需要等10分钟，等水开了之后，去洗菜切菜
异步就是可以在同个时间做多个任务，eg:边烧水边洗菜；
异步任务（普通事件eg:click，resize，资源加载（load,ajax），定时器）

执行机制：同步任务放在主线程的执行栈里，异步任务放在任务队列（消息队列）。
先执行同步任务，遇到回调函数，把回调函数交给异步线程处理器。只有当触发函数才会把异步函数放在任务队列，等同步任务都完成了再去任务队列找异步任务。

事件循环：主线程不断获取异步任务，执行任务，再获取任务，再执行任务的机制

14.location：（window 的属性）用于获取或设置窗体的url,并可以解析url。因为返回的是个对象所以叫做location对象；



15.navigation对象

16.history对象

17.offset系列


17.client系列

18.scroll系列


19.三大系列总结：


20.移动端触屏事件




20.移动端click延迟解决方案



21.事件委托

22.classList操作