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时间过慢问题的解决与思考