my_web012的博客

防抖就是在事件触发的时候，并没有马上急着去做处理，而是在等待一定时间之后再去执行，也就是说在该时间范围内只发起一次请求，以最后一次为准。就比如浏览器的滚动事件 function debounce(fn,waitTime){ let timer = 0; //定义一个定时器id,方便每次执行都保证能够将之前的定时器销毁 return (args)=>{ if(timer) clearTimeout(timer); timer = setTimeout(()=>{ fn.app

在前端性能优化方面，我们除了以往的那些减少DOM操作，减少请求等等这些外，还有节流，防抖，重回重排等知识点可以优化； 为什么要用到节流呢？ 比如一个表单提交，由于DNS解析、TCP链接等响应时间较长的时候，使用者在不知情的情况下在短时间内多次点击提交按钮，这样就会发起多个请求，这就对性能产生了极大的消耗。 使用节流去控制，利用闭包原理达到封装一个节流方法去控制的目标 // 定义一个节流函数 // 接收两个参数，一个是需要节流的函数，一个是等待时间，默认设置为100ms function throttle(f