防抖&节流，直接拿去用！！

防抖

定义：防止用户高频率的执行某一操作，比如点击提交按钮。。。
思路：让用户点，但我们的代码每隔固定的时间才去执行这一操作，就用到了定时器

function debounce (fn){
	var timeOut = null;
	return function (){
		//要用定时器，先清定时器
		clearTimeout(timeOut);
		time = setTimeOut( () => {
			//产生了闭包，就要注意闭包中的this指向问题
			fn.apply(this,arguments);
		},500)
	}
}

function click(){
	console.log("点点点")
}
debounce(click);

节流

定义：对于高频率执行的事件，让其在一定时间执行几次。
思路：每次触发事件时都判断当前是否有等待执行的延时函数。

function throttle (fn){
	var flag = true;
	return function() {
		setTimeOut( () => {
			if(!flag) return;
			flag = false;
			fn.apply(this,arguments)
			flag = true;
		},500) 
	}
}
function click(){
	console.log("点点点")
}
throttle (click);

防抖和节流是我们日常开发需要注意的问题，用户频繁的进行操作，对浏览器的资源浪费是很严重的。