下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:函数防抖

作者:古怪精灵     来源: https://www.cnblogs.com/ywnh/p/12314022.html点击数:1228发布时间: 2020-04-10 09:19:08

标签: 渲染C语言程序设计

Web开发

  一个较大的程序一般应分为若干个程序块,每一个模块用来实现一个特定的功能。所有的高级语言中都有子程序这个概念,用子程序实现模块的功能。在C语言中,子程序的作用是由一个主函数和若干个函数构成。由主函数调用其他函数,其他函数也可以互相调用。同一个函数可以被一个或多个函数调用任意多次。

  在程序设计中,常将一些常用的功能模块编写成函数,放在函数库中供公共选用。要善于利用函数,以减少重复编写程序段的工作量。

  概述:"一个处理函数会在延迟n秒后触发,如果在n秒内再次触发那么回重新计时;

  <script>

  varthrottle=function(func,delay){

  //存储定时器id;

  vartimer=null

  returnfunction(){

  //判断定时器是否在执行中;

  if(timer){

  //在每次开始之前清除以前的定时器;

  clearTimeout(timer)

  }

  timer=setTimeout(function(){

  func()

  },delay)

  }

  }

  //要进行处理的函数;

  functionhandle(){

  console.log(Math.random())

  }

  window.addEventListener('mousemove',throttle(handle,1000))

  </script>

  优点:防止用户由于过快的操作而发起的无用的请求;

  使用场景:

  1、淘宝的导航列表;

  2、搜索框搜索输入。只需用户最后一次输入完成,在发送请求;

  3、浏览器的窗口大小改变后,只需窗口调整完成后,在执行resize里面是代码,防止重新渲染

  函数分为全局函数、全局静态函数;在类中还可以定义构造函数、析构函数、拷贝构造函数、成员函数、友元函数、运算符重载函数、内联函数等。

赞(11)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程