背景

hexo next主題，本人diy的時候pc端點選連結顯示正常，但是移動端點選連結頁面會偶爾顯示偶爾不顯示的情況。

解決

單單針對這個錯誤是不太好排查的，我們先解決看看是不是有其他的錯誤影響了，通過訪問部落格發現報錯了，是關於require的timeout錯誤，在自己的另一個文章中解決了這個問題，https://blog.csdn.net/dataiyangu/article/details/85057894 ，解決了之後經過將近十次的測試，貌似正常了。

原因的分析

應該是因為require的timeout導致頁面載入不出來。

再次完善

/*音樂播放器*/
define
 
(function () {
  //判斷是否是mobile的函式
  function isMobile() {
    var userAgentInfo = navigator.userAgent;

    var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];

    var mobile_flag = false;

    //根據userAgent判斷是否是手機
    for (var v = 0; v < mobileAgents.length; v++) {
 

      if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
        mobile_flag = true;
        break;
      }
    }

    var screen_width = window.screen.width;
    var screen_height = window.screen.height;

    //根據螢幕解析度判斷是否是手機
    if(screen_width < 500 && screen_height < 800){
      mobile_flag =
 
 true;
    }

    return mobile_flag;
  }
    aplaer();
    function aplaer() {
      //falsedakai  false表示沒點選開啟
      //falsechuxian false表示沒有把滑鼠移入
      var flag_music = false
      flagchuxian=false;
      var isMobile = isMobile();
      if(isMobile){
        $(".aplayer-body").mouseenter(function () {
          if (flagchuxian==false&&flag_music==false){
            $(".aplayer-body").css({"left":"0px"})
            flagchuxian=true;
            flag_music==false;
          }
        })

        $(".aplayer-body").mouseleave(function () {
          if (flagchuxian==true&&flag_music==false) {
            $(".aplayer-body").css({"left": "-66px"})
            flagchuxian=false;
            flag_music=false;
          }
        })
      }

    $(".aplayer-icon:last").on("click",function () {
        if (flag_music==false) {
          $(".aplayer-body").css({"left": "0px"})
          flag_music=true;
        }else {
          $(".aplayer-body").css({"left": "-66px"})
          flag_music=false;
        }
      })
    }

})

還有可能是因為mouseenter在手機端不行的原因，進行一次判斷。

收穫

前端不太熟，讓我想起了大二的時候記在筆記本上的一句話，先解決目前已有的錯誤，在進行真正想要解決的錯誤，可能就迎刃而解了，看似沒有關聯的兩個問題，其實裡面有著千絲萬縷的聯絡。