首页 > 其他分享 >手写防抖和节流

手写防抖和节流

时间:2023-03-23 17:00:58浏览次数:24  
标签:function box 防抖 节流 move timer 手写

    const box=document.querySelector('#box')
            let i=1
            function move(){
                
                box.innerHTML=i++
            }
            // 手写防抖函数,debounce(调用的函数,等待时间)
            function debounce(fun,t){
                let timer
                return function(){
                    if(timer) clearTimeout(timer)
                    timer=setTimeout(function(){
                        fun()
                    },t)
                }
            }
            // box.addEventListener('mousemove',debounce(move,500))
            // 手写节流函数,thorttle(调用的函数,等待时间)
            function thorttle(fn,t){
                let timer=null
                return function(){
                    if(!timer){
                        timer=setTimeout(function(){
                            fn()
                            timer=null
                        },t)
                    }
                }
            }
            box.addEventListener('mousemove',thorttle(move,500))

 

标签:function,box,防抖,节流,move,timer,手写
From: https://www.cnblogs.com/hs20011205/p/17248083.html

相关文章

  • 在PC端使用paddlepaddle跑通手写数字识别(CV+Python)
    paddlepaddle是近期很火的开源深度学习平台,我们可以在其官网上使用该平台,平台上提供了一个深度学习的案例:​​手写数字识别​​今天我们来试试,在本地电脑跑通这个程序,......
  • m基于小波神经网络和HOG特征提取的手写汉字识别算法matlab仿真
    1.算法描述1.读入多张图像,对图像进行去噪、二值话、裁剪、细化等预处理2.特征提取:首先将汉字分为横竖撇捺4个分量,然后对每个分量图像进行4×4弹性网格的划分,(也可以用其他......
  • m基于小波神经网络和HOG特征提取的手写汉字识别算法matlab仿真
    1.算法描述1.读入多张图像,对图像进行去噪、二值话、裁剪、细化等预处理 2.特征提取:首先将汉字分为横竖撇捺4个分量,然后对每个分量图像进行4×4弹性网格的划分,(也可以用......
  • 面试常见手写编程题
    一、IOU函数defIOU(box1,box2):#box2=[x1,y1,h1,w1]#box2=[x2,y2,h2,w2]x1,y1,h1,w1=box1x2,y2,h2,w2=box2#用四个角坐标计算比较......
  • pytorch cnn 手写数字识别
    结果   训练好的模型呢训练过程中,不断变化   官网:是https://github.com/pytorch/examples/blob/main/mnist/main.py  test改个名字如......
  • 回顾IO流(字节流和字符流)
    IO流1.什么是IO流存储和读取数据的解决方案2.IO流的作用用于读写数据(本地,网络)3.IO流按照流向可以分为哪两种?程序->文件(Input)文件->程序(Output)4.IO流按照......
  • Promise原理、方法及手写
    Promise原理、方法及手写ES6Promise对象:Promise对象-ECMAScript6入门(ruanyifeng.com)Promise/A+链接:Promises/A+(promisesaplus.com)什么是Promise?Promise是异......
  • Java中使用字节流和字符流操作文件的几种方法和性能对比
    注:本文转自:https://mp.weixin.qq.com/s/QuFkw-f1l0kyOqsBNNrRmw在Java中操作文件的方法本质上只有两种:字符流和字节流,而字节流和字符流的实现类又有很多,因此在文件写入......
  • 通过网格搜索确定手写数字识别的最优超参数(paddlepaddle)
    上一篇文章讲了超参数调节的一些理论基础,相信你已经对超参数有了一定的认识,对于手动调整超参数的方法,文章里也算是提供了一些启发式的方法:​从入土到入门学习超参数的调......
  • 完整手写react第六天
       常见的触发更新的方式:ReactDOM.createRoot().render(或老版的ReactDOM.render)this.setStateuseState的dispatch方法我们希望实现一套统一的更新机制,他的特......