函数式编程中，常用的函数及使用： 组合函数 （Compose，Pipe） 概念 将需要嵌套执行的函数平铺，嵌套执行是指将一个函数作为参数传递给另外一个函数，主要有以下特点： 第一函数接受参数, 其他函数接受的上一个函数的返回值 第一个函数可 ...

项目上线后，经常会报出用户一直点击导致连续出发事件引发体验上的问题，尤其是在监听浏览器滚动scroll，页面调整resise的时候，这个时候我们就需要通过节流/防抖来优化这个问题；防抖：防抖就是指在某个时间内再次触发事件则会进行重新计时，也 ...

（给达达前端加星标，提升前端技能）​ 想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端Web前端性能优化原理问题​ 前端性能优化，资源的合并与压缩，图片编码的原 ...

节流（throttle）节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例：我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应 ...

防抖=>你点的再快都没用（新的点击会清除上一次的点击效果），要特定时间之后才会触发 节流=>点击就可以触发事件，但是特定时间内只会触发一次，（技能冷却） 防抖： let time2; document.getElementById('防抖' ...

前言 防抖和节流算是非常普及的概念了，不止在前端，甚至不止在编程领域，许许多多的地方都能用到这两个概念，这篇文章主要总结分享一下我自己在JS中对这两个概念的代码实现。 防抖 防抖顾名思义就是防止或消除抖动，我第一次接触这个概念还是是当初大学 ...

如果觉得还有点用，请您给我一个赞！您的赞是我坚持下去的动力！ 深度遍历 拿DOM作为遍历对象，实现2种遍历方法案例 /** 原理：节点的子节点先遍历，再遍历同级节点 node:一个节点 fn:每个节点需要执行的操作 **/ async d ...

web开发中经常会做滚动监听，比如商品分类功能：左右两列，左侧类目，右侧商品，需要监听右测商品列表的滚动，滚到哪个类目区间，左侧就点亮哪个类目标签。如果在滚动的过程中一直监听而不做性能优化的话，浏览器是很容易卡死的。下面提供两种优化性能的方 ...

前端开发者应该都知道张鑫旭老师以及他的鑫空间鑫生活博客，在业界实在是太有名了，我在大学第一次发现这个博客的时候简直就像哥伦布发现了新大陆一样，如获至宝。参加工作后也经常会去拜读研究，可以说我和很多人一样都是看着他的博客“长大”的。 张老师的 ...

1. 防抖函数 1.1 防抖定义： 函数防抖（debounce）：当持续触发事件时（例如mousemove），一定时间段内没有再触发事件，事件处理函数才执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 1.2 不做防抖的 ...