性能优化之节流

在前端性能优化方面，我们除了以往的那些减少DOM操作，减少请求等等这些外，还有节流，防抖，重回重排等知识点可以优化；
为什么要用到节流呢？
比如一个表单提交，由于DNS解析、TCP链接等响应时间较长的时候，使用者在不知情的情况下在短时间内多次点击提交按钮，这样就会发起多个请求，这就对性能产生了极大的消耗。
使用节流去控制，利用闭包原理达到封装一个节流方法去控制的目标

// 定义一个节流函数
// 接收两个参数，一个是需要节流的函数，一个是等待时间，默认设置为100ms
function throttle(fn,waitTime=100){
	let lastTime = 0;
	//利用闭包，返回一个匿名函数
	return (arg)=>{
		const nowTime = new Date();
		if(nowTime - lastTime > waitTime){
			lastTime = nowTime;
			fn.apply(this,arg)
		}
	}
}