JS中函数是一等公民，地位很高。本文介绍快速介绍三个函数： compose 组合函数，这函数就是把一系列函数按顺序一个个执行。 当某些事件频繁触发造成不断执行DOM操作或资源加载等行为，这时你可能就会想到用节流和去抖函数来处理。 节流函数就是预先设定一个执行周期，当调用动作的时…

可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字符后，才会请求。下面我们优化一下： 可以看到，我们加入了防抖以后，当你在频繁的输入时，并不会发送请求，只有当你在指定间隔内没有输入时，才会执行函数。如果停止…

前端面试中经常问的性能优化相关的问题

页面较长，屏幕的可视区域有限。 不设置页面中img标签的src属性值或者将其指向同一个占位图。 图片的实际地址存在img标签自定义的一个属性中，如：“data-url”。 监听scroll，滚动到某个位置时，动态的将url替换成实际的“data-url”。 . . . 不做任何…

前端开发中经常涉及到数组的相关操作：去重、过滤、求和、数据二次处理等等。都需要我们对数组进行循环。为了满足各种需求，JS除了提供最简单的for循环，在ES6和后续版本中也新增的诸如：map、filter、some、reduce等实用的方法。因为各个方法作用不同，简单的对所有涉及…

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（