什么是函数节流？
函数节流简单的来说就是不想让该函数在很短的时间内连续被调用，比如我们最常见的是窗口缩放的时候，经常会执行一些其他的操作函数，比如发一个ajax请求等等事情，那么这时候窗口缩放的时候，有可能连续发多个请求，这并不是我们想要的，或者是说我们常见的鼠标移入移出tab切换效果，有时候连续且移动的很快的时候，会有闪烁的效果，这时候我们就可以使用函数节流来操作。大家都知道，DOM的操作会很消耗或影响性能的，如果是说在窗口缩放的时候，为元素绑定大量的dom操作的话，会引发大量的连续计算，比如在IE下，过多的DOM操作会影响浏览器性能，甚至严重的情况下，会引起浏览器崩溃的发生。这个时候我们就可以使用函数节流来优化代码了~
函数节流的基本原理：
使用一个定时器，先延时该函数的执行，比如使用setTomeout()这个函数延迟一段时间后执行函数，如果在该时间段内还触发了其他事件，我们可以使用清除方法 clearTimeout()来清除该定时器，再setTimeout()一个新的定时器延迟一会儿执行。
最近在某团队忙于一个项目，有这么一个页面，采用传统模式开发（吐槽它为什么不用React），它的DOM操作比较多，然后性能是比较差的，尤其当你缩放窗口时，可怕的事情发生了，出现了卡顿，甚至浏览器瘫痪。为什么呢？
由于该页面的DOM操作非常多，故窗口缩放每一帧时都会触发函数的执行，连续的重新DOM操作，这样对浏览器的开销是非常大的。既然在窗口缩放时，会让浏览器重新计算DOM，那么我们为什么不可以让DOM的计算延时呢，让窗口停止缩放后才重新计，这样不就节省了浏览器的开销，达到优化的效果了吗？
知识准备
1. setTimeout(code,millisec) 当然就是本文的主角了。
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
code必需。要调用的函数后要执行的 JavaScript 代码串。
millisec必需。在执行代码前需等待的毫秒数。
提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
广泛应用于定时器，轮播图，动画效果，自动滚动等等。
2. clearTimeout(id_of_setTimeout)
参数 id_of_settimeout由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
3. fun.apply(thisArg[, argsArray])
apply() 方法在指定 this 值和参数（参数以数组或类数组对象的形式存在）的情况下调用某个函数
该函数的语法与call()方法几乎相同，唯一的区别在于，call()方法接受的是一个参数列表，而apply()接受的是一个包含多个参数数组的（或类数组对象）。
参数
thisArg
在 fun 函数运行时指定的 this 值。需要注意的是，指定的 this 值并不一定是该函数执行时真正的 this 值，如果这个函数处于非严格模式下，则指定为 null 或 undefined 时会自动指向全局对象（浏览器中就是window对象），同时值为原始值（数字，字符串，布尔值）的 this 会指向该原始值的自动包装对象。
argsArray
一个数组或者类数组对象，其中的数组元素将作为单独的参数传给 fun 函数。如果该参数的值为null 或 undefined，则表示不需要传入任何参数。从ECMAScript 5 开始可以使用类数组对象。
在调用一个存在的函数时，你可以为其指定一个 this 对象。 this 指当前对象，也就是正在调用这个函数的对象。 使用 apply， 你可以只写一次这个方法然后在另一个对象中继承它，而不用在新对象中重复写该方法。
4. fun.call(thisArg[, arg1[, arg2[, ...]]])
该 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法.
参数
thisArg
在fun函数运行时指定的this值。需要注意的是，指定的this值并不一定是该函数执行时真正的this值，如果这个函数处于非严格模式下，则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象)，同时值为原始值(数字，字符串，布尔值)的this会指向该原始值的自动包装对象。
arg1, arg2, ...
指定的参数列表。