Vux-笔记

【vux中的debouce和throttle】Debounce 和 Throttle 的原理及实现
用法

<div @mousemove="clickdemo" style="width: 400px;height: 400px;background-color: #53fcff;"></div>
<div @mousemove="clickdemo2" style="width: 400px;height: 400px;background-color: #53fcff;"></div>
 
import {debounce} from 'vux'
import {throttle} from 'vux'
 
methods:{
     clickdemo: debounce(function () {
                    console.log("测试")
                },
                3000,//.延迟多少毫秒执行
                {
                    leading: true,
                    //maxWait: 1000,
                    trailing: false,
                }),
            /*
            leading，函数在每个等待时延的开始被调用
            trailing，函数在每个等待时延的结束被调用
            maxwait(debounce才有的配置)，最大的等待时间，因为如果 debounce 的函数调用时间不满足条件，可能永远都无法触发，因此增加了这个配置，保证大于一段时间后一定能执行一次函数
            */
            
     clickdemo2: throttle(function () {
                    console.log("测试")
                },
                2000,//实行频率
                {
                    leading: true,
                    trailing: false,
                }),
}