防抖和节流

1.节流的两种方式

第一种

延时器
var time;
		 content.onmousemove = function(){
		if(!time){
			time = setTimeout(()=>{
				time = null;
				content.innerHTML = num++;
		},1000)
		}

第二种

时间戳
		var content = document.getElementById("content");
		var num = 1;
		var timeNew = 0;
		content.onmousemove = function(){
		var timeOld = Date.now();
		if(timeOld-timeNew>1000){
				timeNew = timeOld;
				content.innerHTML = num++;
		 	}
		 }

2.防抖的两种方式

第一种

var num = 1;
let times;
先执行
content.onmousemove = function (){
		let obj = times;
		clearTimeout(times);
		times = setTimeout(()=>{
		times = null;
		},1000)
	if(!obj){
		console.log(typeof !obj);
		content.innerHTML = num++;
			}
	};

第二种

var num = 1;
let times;
后执行
content.onmousemove = function (){
		clearTimeout(times);
		times = setTimeout(()=>{
		content.innerHTML = num++;
	},1000)
		 };

3.数组扁平化的两种方式

第一种

function func(user){
		let arr1 = [];
		user.forEach((item)=>{
		Array.isArray(item)==false?arr1.push(item):arr1 = arr1.concat(func(item));
		 	})
		arr = arr1;
		return arr;
	}
		func(arr);
		 console.log(arr);

第二种

function func(user){
		let arr1 = [];
		for(var i=0;i<user.length;i++){
		if(Array.isArray(user[i])==false){
		arr1.push(user[i]);
		}else {
		arr1 = arr1.concat(func(user[i]));
	 		}
		}
		arr = arr1;
	return arr;
		}
		func(arr);
	console.log(arr);