1.先寫一個圖片載入的方法

class ImgLoadClass {
  static preloadImages = (arr) => {
    //已經載入完的圖片數量
    let loadeImage = 0
    //存放圖片的陣列
    let newImages = []
    //處理存入字串，取得src部分
    //let arr = str.match(/src="(.+)"\s{1}/g)

    //返回一個promise對像
    return new Promise((resolve,reject)=>{
      for (let i=0;i < arr.length;i++){
        for(let i = 0; i < arr.length; i++){
          newImages[i] = new Image()
          //設定圖片src屬性
          //newImages[i].src = arr[i].slice(5,-2)
          newImages[i].src = arr[i]
          //圖片繫結onload事件，確保載入完成
          newImages[i].onload = ()=>{
            loadeImage++
            //當全部載入完成後，resove
            if(loadeImage === arr.length){
              resolve()
            }
          }
          newImages[i].onerror = ()=> {
            reject()
          }
        }
      }
    })
  }

}