图片预加载（Promise）

什么是图片加载？
图片预加载就是在网页全部加载之前，提前加载图片，减少用户的等待时间。

1、把加载的图片复制全部放在一个数组中，设置变量num就是第几张图片，加载完第一张图片后，重新设置图片地址，触发执行继续加载，直到全部加载完成。

<script>
	var imgList=[];
	var num=1;
	loadImage();
	function loadImage(){
   
		var img=new Image();
		img.addEventListener("load",loadHandler);
		img.src=`./img/${
     num}-.jpg`;
	}
	function loadHandler(e){
   
		imgList.push(e.currentTarget.cloneNode(false));
		num++;
		if(num>30){
   
			imgList.forEach(item=>{
   
			console.log(item.src);
			})
			return;
		}
		e.currentTarget.src=`./img/${
     num}-.jpg`;
	}
</script