手写节流

简介: 手写节流

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

手写节流




编辑


代码部分

function geyao(fn, delay) {
    // 记录第一次的调用时间
    var prev = null
    console.log(prev)
    // 4
    return function () {
      // 保存事件参数
      var args = arguments
      // 记录现在调用的时间
      var now = Date.now()
      // console.log(now);
      // 如果间隔时间大于等于设置的节流时间
      if (now - prev >= delay) {
      // 执行函数
      fn.apply(this, args)
      // 将现在的时间设置为上一次执行时间
      prev = now
      }
    }
    }




总结

节流就是限制一个函数在一段时间内只能执行一次,过了这段时间,在下一段时间又可以执行一次





相关文章
|
6月前
15 # 手写 throttle 节流方法
15 # 手写 throttle 节流方法
44 0
|
3月前
|
前端开发 UED
面试时让你手写一个防抖和节流优化,你能写出来吗?(一)
面试时让你手写一个防抖和节流优化,你能写出来吗?(一)
|
3月前
|
存储 前端开发 JavaScript
面试时让你手写一个防抖和节流优化,你能写出来吗?(二)
面试时让你手写一个防抖和节流优化,你能写出来吗?(二)
|
4月前
|
缓存 开发框架 前端开发
前端性能优化【前端必备】(含懒加载,手写防抖、节流等)
前端性能优化【前端必备】(含懒加载,手写防抖、节流等)
70 4
|
前端开发
手写防抖
手写防抖
60 0
|
6月前
|
前端开发 JavaScript 程序员
【面试题】 js-面试官要求手写节流防抖?
【面试题】 js-面试官要求手写节流防抖?
|
6月前
14 # 手写 debounce 防抖方法
14 # 手写 debounce 防抖方法
46 1
|
6月前
|
前端开发 JavaScript UED
手写一个防抖
手写一个防抖
40 0
|
12月前
|
JavaScript 前端开发 Java
手写JavaScript防抖节流和休眠函数
防抖原理是在一定时间内,只有最后一次操作,再过延迟的时间后执行,一般用于防止用户多次重复点击按钮,只会触发最后一次
51 0
|
前端开发
手写防抖节流
手写防抖节流
手写防抖节流