性能优化之节流

实现方式:

1.lodash提供的节流函数来处理

2.手写一个节流函数来处理

需求:鼠标在盒子上移动,不管移动多少次,每隔500ms才+1

方法一:lodash提供的节流函数来处理





    
    
    
    Document
    



    
    

方法二:手写一个节流函数来处理

 实现方式:

        节流的核心就是利用定时器setTimeout来实现

        1声明一个定时器变量

        2每次事件触发时都先判断是否有定时器了,如果有则不开启定时器

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

          定时器里面调用执行的函数

          定时器里面要把定时器清空





    
    
    
    Document
    



    

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