首页 > 其他分享 >lodash防抖的使用

lodash防抖的使用

时间:2023-11-13 15:33:09浏览次数:29  
标签:function 防抖 clickfang lodash fang 使用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js"></script>
    </head>
    <body>
        
        <div class="fang" style="height: 500px;width: 500px;background: bisque;" ></div>
        <script>
            let fang = document.querySelector('.fang')
            //定义好函数
            function clickfang(){
                console.log(111)
            }
            // 使用lodash 防抖调用
            fang.addEventListener('click', _.debounce(clickfang, 500))
            
        </script>
        <!-- _.debounce(func, [wait=0], [options=]) -->
    </body>
</html>

 

标签:function,防抖,clickfang,lodash,fang,使用
From: https://www.cnblogs.com/xm666/p/17829270.html

相关文章

  • JavaScript使用JS从JSON获取信息并遍历输出到网页展示信息------前端
    遍历JSON获取数据<!DOCTYPEhtml><!--这是HTML的注释--><htmllang="en"id="myHtml"> <head> <!--这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码--> <metacharset="UTF-8"> <metaname="viewport"......
  • JTAG Tap | JTAG: FTDI的 AN_129(JTAG Tap+JTAG简介及其FT4232H配成USB to JTAG使用实
    ApplicationNotes/AN_129_FTDI_Hi_Speed_USB_To_JTAG_Example.pdf1.2JTAGbackgroundToday'selectroniccircuitsconsistofnumerouscomplexintegratedcircuits.AtypicalembeddedsystemcancontainmultipleCPUs,programmabledevices,memory,etc.Wi......
  • JavaScript--tomcat的下载和使用
     tomcat的配置 项目打包经常打包成war包,war包放到webspps中可以自动解压 ......
  • 闭包产生的条件:内部函数使用外部变量+外部函数被调用(满足)
    下列关于闭包描述正确的是?()A闭包内变量执行后不会被清除B闭包不满足链式作用域结构C(Function(){})()理论上是一个闭包D闭包不耗内存,可以随意使用正确答案:AC可以用(function(){})()来构成闭包,而不是(function(){})()是闭包。这个要明确直接写(function(){vara=1......
  • 在eval中使用var声明的全局变量可以被delete删除; 未使用var声明的全局变量可以使用de
    执行完如下程序后,所有能被访问到的变量包括()vara=1;b=2;eval('varc=3');deletea;deleteb;deletec;Aa、b、cBa、cCaDc在eval中使用var声明的全局变量可以被delete删除,所以变量c能删除成功,除此之外,在其他情况下,使用var声明的全局变量或者局部变量一般是......
  • JDK11->JDK17问题记录一(又jenkins使用问题记录一)
    背景:springboot项目jdk版本从11升级至17,本地打包编译OK,将代码提交至gerrit仓库时触发编译报错,错误如下:09:29:02[ERROR]Failedtoexecutegoalorg.apache.maven.plugins:maven-compiler-plugin:3.11.0:compile(default-compile)onprojectXXX:Fatalerrorcompiling:inva......
  • 如何使用ImageMagick将SVG转换为PNG?
    内容来自DOChttps://q.houxu6.top/?s=如何使用ImageMagick将SVG转换为PNG?我有一个尺寸为16x16的SVG文件。当我使用ImageMagick的convert程序将其转换为PNG时,结果得到了一个16x16像素的PNG,这个尺寸太小了:converttest.svgtest.png我需要指定输出PNG的像素大小。-size参数......
  • sql中left/right join on and where条件的使用
      有A和B两张表,使用leftjoin时, 左表属于主表知识点如下:多表左连接和右连接会生成一张临时表,where条件是针对最后的临时表进行过滤的on条件是针对非主表进行过滤的结论:1.对左表的条件要添加在where后面,不能放在on后面,因为左表属于主表2.对右表添加条件是放在ON......
  • 使用ES6生成器(Generators)和redux-saga与使用ES2017的async/await和redux-thunk相比的
    内容来自DOChttps://q.houxu6.top/?s=使用ES6生成器(Generators)和redux-saga与使用ES2017的async/await和redux-thunk相比的优缺点。目前关于redux的最新讨论焦点是redux-saga/redux-saga。它使用生成器函数来监听/分发actions。在我深入研究之前,我想了解使用redux-saga与下......
  • 探索循环语句:for、while循环和else的搭配使用
    循环语句是编程中的重要组成部分,它们使程序能够按照特定的模式执行重复任务。在Python中,我们主要有两种类型的循环:for循环和while循环。这两种循环语句都有其各自的特点和用途,而在这篇文章中,我们将深入探讨它们以及它们如何与else语句搭配使用。For循环for循环主要用于遍历序列(如列......