js中节流和防抖

news/2024/7/10 23:42:39 标签: javascript, 前端, es6
javascript">防抖:
//scroll方法中的do somthing至少间隔500毫秒执行一次
    window.addEventListener('scroll',function(){
        var timer;//使用闭包,缓存变量
        return function(){
            if(timer) clearTimeout(timer);
            timer = setTimeout(function(){
                console.log('do somthing')
            },500)
        }
    }());//此处()作用 - 立即调用return后面函数,形成闭包
节流:
//scroll方法中当间隔时间大于2s,do somthing执行一次
    window.addEventListener('scroll',function(){
        var timer ;//使用闭包,缓存变量
        var startTime = new Date();
        return function(){
            var curTime = new Date();
            if(curTime - startTime >= 2000){
                timer = setTimeout(function(){
                    console.log('do somthing')
                },500);
                startTime = curTime;
            }

        }
    }());//此处()作用 - 立即调用return后面函数,形成闭包

http://www.niftyadmin.cn/n/1570090.html

相关文章

lambda在python_python中lambda()的用法

在C11和C#中都有匿名函数的存在。下面看看在python中匿名函数的使用。 1.lambda只是一个表达式,函数体比def简单很多。 2.lambda的主体是一个表达式,而不是一个代码块。仅仅能在lambda表达式中封装有限的逻辑进去。 3.lambda表达式是起到一个函数速写的作…

css实现内容宽度超出界限左右滑动且不显示滑动条

<ul><li></li><li></li><li></li> </ul>ul{width: auto;overflow-x: auto;white-space: nowrap;}ul::-webkit-scrollbar {display: none;}

fread读取同一个文件得到缓冲区大小不同_PE文件基础

前言学一学PE小基础&#xff0c;从文件PE到内存中的PE&#xff0c;然后再保存到内存中这边我们是从文件中的pe转到运行中的pe&#xff0c;然后再缩小存储到文件的pe这边我们需要知道内存中对齐是0x1000&#xff0c;文件对齐是0x200(这边是16进制的&#xff0c;误踩坑)我们第一步…

vue的vant组件中sku使用

<template><div class"info"><van-button type"primary" click"showtrue">显示商品</van-button><van-button type"warning" click"callBackMainPage">返回主页</van-button><van-s…

了解c语言程序员(工程师)岗位需要掌握哪些能力?_2019年学C++前景怎么样,C++程序员工资是多少,到2020年呢?...

2019年C前景怎么样?好不好?对于互联网热门专业&#xff0c;C在2019年会是怎么样的情况呢?一些大学生在报专业也是非常犹豫&#xff0c;毕业近年来出现了一些新的语言&#xff0c;2019年C程序员毕业后工资多少呢?2019年C发展前景怎么样?1、从C目前的活跃程度&#xff0c;以…

vue和react配置反向代理

第一步 下载插件 npm install http-proxy-middleware --save-dev 第二步 在配置文件里面加入 vue的配置文件是vue.config.js react的配置文件为setupProxy.js const { createProxyMiddleware } require("http-proxy-middleware"); module.exportsfunction(app)…

c++获取一段代码的执行时间_测量一段代码的执行时间的常见方法

本文主要适用于 x86-64 体系结构下的 Linux C/C 服务器程序。程序运行的时候&#xff0c;我们经常需要测量某一段代码的执行时间。最简单的做法&#xff0c;自然就是在代码开始的地方获取当前时间 begin_time&#xff0c;在代码结束的地方获取当前时间 end_time&#xff0c;然后…

react常用生命周期的理解

第一阶段&#xff1a;装载阶段3个常用 constructor() render() componentDidMount() constructor生命周期&#xff1a;(1)当react组件实例化时&#xff0c;是第一个运行的生命周期&#xff1b;(2)在这个生命周期中&#xff0c;不能使用this.setState()&#xff1b;(3)在这个生…