(对象.事件类型 = 匿名函数
// DOM元素对象.事件类型 = 匿名函数
obj.onclick = function(){})
事件委托监听方式
//对象.addEventListener('事件类型...(this) }>按钮
使用这种bind直接的绑定,每次渲染组件,都会创建一个新的函数,一般而言,这种写法也没什么问题,但是如果该回调函数作为prop值传入子组件时,这些组件就会进行额外的重新渲染...从上面的效果示例当中,当鼠标滚轮不断滚动时,事件处理函数的执行顺序不一样
当给一个大范围的时间内,比如:1小时内,每几分钟执行一次,超过一小时不在执行,推荐使用第一种函数节流的方式
如果仅仅要求间隔一定时间执行一次...,推荐使用第二种函数节流的方式
函数防抖
定义:防止抖动,重复的触发,频繁操作,核心在于,延迟事件处理函数的执行,一定时间间隔内只执行最后一次操作,例如:表单多次提交,推荐使用防抖
换句话说,也就是当连续触发事件时并没有执行事件处理函数...throttle函数,你会发现,当你点击按钮时,你连续点多少次,它会不断的触发事件处理函数,如果是一个表单提交按钮,使用函数的节流就很好的优化了代码了
不加函数节流的效果:如下所示:
?