React 类组件vs函数组件

类组件 vs 函数组件

类组件：实现组件动态更新 函数组件：渲染比较快，函数渲染什么返回什么，类组件要经历很多步骤

新老状态值一样的情况下，类组件会重新渲染

JS中的事件委托（事件代理）

事件和事件绑定

• 事件是浏览器内置行为

• 事件绑定是给事件行为绑定方法

  • 元素.onxxx=function…
  • 元素.addEventListener(‘xxx’,function(){},true/false)

事件的传播机制

• 捕获 CAPTURING_PHASE
• 目标 AT_TARGET
• 冒泡 BUBBLING_PHASE
• mouseenter mouseleave 不具备冒泡传播机制

阻止冒泡传播

• ev.cancelBubble=true 「<=IE8」
• ev.stopPropagation()
• ev.stopImmediatePropagation() 阻止监听同一事件的其他事件监听器被调用
• 第三个参数不写，默认为false，在冒泡的时候触发，写true在捕获阶段触发
• 可以实现动态新增，因为只要可以点击都会传播到父容器上，通过事件原型可以拿到

• 事件委托示例