zoukankan      html  css  js  c++  java
  • 函数防抖与函数节流

    函数防抖

     (函数防抖)在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。给了用户思考输入的时间,减少了不必要的请求

    应用场景:类似百度的实时搜索,如果是用户输入后,按键弹起的时候,发送很多没有必要的请求,可以如下改进

    这个红色框起来的是高阶函数,是函数防抖的核心。

    我们在输入框输入1的时候,他不会马上就发送ajax请求,而是过了500之后再发,在这个时间之类,我们可以输入自己想输入的,避免发送没必要的请求。减小了服务器压力。

    函数节流

    规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。
    应用场景:(1)鼠标不断点击触发,mousedown(单位时间内只触发一次);(2)监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断
     

    这个红色框起来的是高阶函数,很好的利用了闭包为函数节流,本次函数节流的核心。

     

    在1000里面输入多个值,只会执行一次。单位时间内多次输入无效。

  • 相关阅读:
    list转datatable c#
    按钮靠右css小结
    IE浏览器打印合格证相关问题
    vue项目插入视频-mp4
    vue项目bug-Couldn’t find preset "es2015"
    Mac打开swf文件
    mac+windows下从git上拉取项目及运行
    echarts.js制作中国地图
    前端数据可视化echarts.js
    vue-router 基本使用
  • 原文地址:https://www.cnblogs.com/liyusmile/p/9810325.html
Copyright © 2011-2022 走看看