React事件与原生DOM事件的不同

1. 原生DOM一个页面往往会被绑定许许多多的事件，而页面接收事件的顺序就是事件流。

• 事件捕获阶段
• 目标阶段
• 事件冒泡阶段

DOM事件流下的性能优化:事件委托
把多个子元素的同一类型的监听逻辑合并到父元素上，通过一个监听函数来管理的行为。
点击事件最终都会被冒泡到他们共同的父元素，通过父元素e.target拿到实际触发事件的那个元素。

2. React事件系统 - React有着自成一派的事件系统

• 当事件在具体的DOM节点上被触发后最终都会冒泡到document上，document上所绑定的同一事件处理程序会将事件分发到具体的组件实例。
• React合成事件。

在底层磨平了不同浏览器的差异，在上层面向开发者暴露统一的，稳定的，与原生时间相同的事件接口，虽然合成事件并不是原生DOM事件，但它保存了原生事件的引用。

• 事件绑定是在completeWork中完成的。

最后绑定到document上的这个统一的事件分发函数其实就是dispatchEvent。

• 事件流：事件触发，冒泡至document - 执行dispatchEvent - 创建事件对应的合成事件对象(syntheticEvent) - 收集事件在捕获阶段所波及的回调函数和对应的节点实例 - 收集事件在冒泡阶段所波及的回调函数和对应的节点实例 - 将前两步收集来的回调按顺序执行，执行时syntheticEvent会作为参数传入每个回调

3. React事件系统的设计冬季是什么》

1. 合成事件符合w3c规范，在底层磨平了不同浏览器中的差异，在上层面向开发者暴露同一的，稳定的，与dom原生事件相同的事件接口。
2. 自研事件系统使React，牢牢把握住了事件处理的主动权
3. 我们造轮子很多时候不是因为别人的轮子不好，而是因为别人家的轮子没有办法匹配我们的场景