hyMiss 2020-04-27
我们先来谈谈事件:事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现。
1、EventTarget 接口
该接口主要提供三个实例方法:
a、addEventListener:绑定事件的监听函数
描述:EventTarget.addEventListener()
用于在当前节点或对象上,定义一个特定事件的监听函数。一旦这个事件发生,就会执行监听函数。该方法没有返回值。
该方法有三个实例参数:target.addEventListener(type, listener, useCapture);
type:事件名称(click,mouseOver,mouseDown等等);
listener:监听函数。事件发生时,会调用该监听函数。
useCapture:布尔值,表示监听函数是否在捕获阶段(capture)触发(参见后文《事件的传播》部分),默认为false(监听函数只在冒泡阶段被触发)。
b、removeEventListener:移除事件的监听函数
c、dispatchEvent:触发事件
Vue和React是数据驱动视图,如何有效控制DOM操作?能不能把计算,更多的转移为js计算?因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children