函数防抖节流和事件委托@Ku_xiao航

函数防抖和函数节流

  • 所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会清除前一次重新开启计算函数执行时间
  • 相比于防抖,节流就是在让函数在特定的时间内只执行一次

什么是事件委托?为什么要用事件委托?

  • 利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!
    每个函数都是一个对象,是对象就会占用内存,对象越多,内存占用率就越大,性能就差了.

  • 如果用事件委托,那么我们就可以只对它的父级(如果只有一个父级)这一个对象进行操作,这样我们就需要一个内存空间就够了,是不是省了很多,自然性能就会更好。

  • 好处

    • 性能更优
    • 动态创建的DOM依然具有事件

原生 JS 的 window.onload 与 Jquery 的$(document).ready(function(){})有什么不同?

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是 DOM 结构绘制完毕后就执行,不必等到加载完毕。

2.编写个数不同 window.onload不能同时编写多个,如果有多个 window.onload 方法,只会执 行一个 $(document).ready()可以同时编写多个,并且都可以得到执行

3.简化写法 window.onload没有简化写法

$(document).ready(function (){})

可以简写成$(function(){});

你可能感兴趣的:(函数防抖节流和事件委托@Ku_xiao航)