ajax的content-download時間過慢問題的解決與思考

其次，查看出現延遲問題的業務頁面和不出現延遲的業務頁面對這一組件的調用區別。

經過對比，也沒有發現兩個組件有何不一樣。（故這一奧祕，有興趣的同窗能夠聯繫我一塊兒討論。。。。。我能夠把源碼發給你）

通過屢次的重現問題，明顯看到在pc的chrome，使用touch模式延遲偶爾消失，而使用mousewheel延遲又出現。故將問題定位到mousewheel事件 和其相近對應的 scroll事件中。

bug解決：

結合上訴緣由並經過查看的幾個帖子討論，得出以下結論：

1.chrome瀏覽器的mousewheel事件是引發這一延遲的緣由（mousewheel事件不是標準事件，不推薦你們使用），固然！代碼中我並無使用mousewheel事件，可是使用scroll事件就可能會引發mousewheel事件的衝突，而在咱們特質的手機客戶端中的webview不幸的也命中了這一缺陷。

2.想要解決這個問題，能夠嘗試監聽這一事件（若是瀏覽器沒有這一事件，也不會響應這一監聽，沒有衝突），並在事件觸發的時候，取消其全部默認行爲：

故經過監聽其事件模型的 deltaY（鼠標垂直滾動量）當其有垂直位移的時候，觸發preventDefault，故代碼以下：

window.addEventListener("mousewheel", (e) => {

  if (e.deltaY === 1) {

    e.preventDefault();

  }

})

兼容性問題的本質：   

webkit架構中，有一些模塊在瀏覽器中是廣泛不共享的，有一些模塊在瀏覽器中是某些特性不共享的，並且能夠經過不一樣的編譯配置改變它們的行爲。因此，不少使用webkit的瀏覽器可能會表現出不一樣的行爲。

以上所述是小編給你們介紹的解決Ajax的content-download時間過慢問題，但願對你們有所幫助，若是你們有任何疑問請給我留言，小編會及時回覆你們的。在此也很是感謝你們對腳本之家網站的支持！ajax的content-download時間過慢問題的解決與思考