2020-01-06

知识点：

1.addEventListener和onClick()的区别

onclick是执行多次的情况下。执行时会将后面的覆盖掉前面的。 addEventListener()执行多个的情况下，会一起执行不会覆盖。入参（事件名，function,true/false）true:捕获/false:冒泡

区别：

1.于是得出结果，onclick只出现一次，但是addEventListener却可以先后运行不会被覆盖，addEventListener允许给一个事件注册多个监听器。在使用DHTML库或者 Mozilla extensions 这样需要保证能够和其他的库或者差距并存的时候非常有用。

2.事件冒泡执行过程：从最具体的的元素开始向上开始冒泡

3.事件捕获执行过程：从最不具体的元素（最外面的那个盒子）开始向里面冒泡

2.new和Object.create的区别

object.create()可以设置一个干净的并可制定对象。接收的对象（object,propertiesObject）

  object是创建这个空对象的原型。

  propertiesObject是该对象的一组属性和值，原型上的属性和值是无效的。

new中必须使用function来定义。

而object.create可以使用function和object两个来定义

3.（vh/vw）

.vh/vw是占据当前视图的百分比。1vw---1%视图宽度。vh类似

4.怎样判断一颗 DOM 树有多少个节点

```

 var ulObj = document.getElementById("ul-sty").children.length;

```

---

实践：

前端优化问题(代码)

bind   （数组/字符串的方法）

了解：

asm.js    babel    pwa