性能优化之防抖

方法1:利用lodash库提供的防抖来处理

方法2:手写一个防抖函数来处理

需求:鼠标在盒子上移动,鼠标停止500ms之后,里面的数字才会变化+1

方法一:利用lodash库实现防抖




    
    
    
    Document
    


    
    

方法二: 手写一个防抖函数来处理

思路:

        核心是利用setTimeout定时器来实现

        1声明定时器变量

        2每次事件触发时都要先判断是否有定时器,如果有先清除以前的定时器

        3如果没有定时器则开启定时器存入到定时器变量里面

        4定时器里面写函数调用





    
    
    
    Document
    



    

性能优化之防抖_第1张图片

你可能感兴趣的:(前端,javascript)