[违规] 将非被动事件侦听器添加到 Angular 4 项目中的滚动阻塞 'touchstart' 事件是什么意思？

What is the meaning of [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event in Angular 4 project?

在我的 angular 4 web 项目中，我们遇到了一些违规行为。

  1. [违规] 向滚动阻塞 'touchstart' 事件添加了非被动事件侦听器。考虑将事件处理程序标记为 'passive' 以使页面更具响应性。
  2. [违规] 'DOMContentLoaded' 处理程序耗时 183 毫秒
  3. [违规] 执行时强制回流 JavaScript 耗时 360 毫秒

我们的项目详情是

"@angular/core": "^4.0.0",
"@angular/cli": "^1.4.0",

有什么问题？

谢谢

删除按钮切换上不必要的 touchstart 侦听器。

最初添加它是为了防止它捕获用户事件，但现在不再需要了，因为我们在元素上有 pointer-events: none。这也修复了 Chrome.

记录的警告

如果你使用datatables插件，select2插件，bootstrapSwitch插件或者一些jquery库，可以使用一些不必要的（touchstart）事件。如果您检查这些类型的库或 touchstart 事件，这些错误数量将会减少。