js的防抖和节流

一 Javascript中的 函数的节流

同时触发多次函数执行 执行第一次请求

    多次触发函数执行 执行的是相同内容

    scroll 事件 鼠标滚动一次,触发多次函数执行 只需要执行第一次

       实际上的使用方法;

          定义一个变量存储默认值

               触发执行函数之前 先判断变量存储的数据

                   如果是原始值 变量赋值新的数据

                   如果不是原始值 执行return终止之后程序的执行

     let flag=true;     
        if( flag ){
                    flag = false ;
                }else{
                    return ;
                }

二 Javascript的 函数的防抖

同时触发多次函数执行 只执行最后一次请求

   多次触发函数执行  执行的是不同的内容

      应用:

           在input输入框中 输入新的数据时

          先清除异步池中 存储上一次input输入数据时,触发的延时器也就是清除了上一次输入数据的搜索请求

        最终就只会执行最后一次触发的延时器

      搜索的数据也就是最后一次输入的关键词

        clearInterval( tt );

            // 定义延时器 延迟执行 函数程序 发送请求 搜索关键词
            tt = setTimeout( function(){
                
                // 延时器 延迟一秒 执行程序
                setPage() ;

            } , 1000 );