碎片时间学编程「294]：提高滚动侦听器性能

在 JavaScript 中使用滚动侦听器时，经常会遇到性能问题。这是因为滚动侦听器会在每个滚动事件上触发，这可能非常频繁。大多数时候，此类侦听器用于无限滚动和延迟加载，这意味着滚动事件不会被拦截。因此，Event.preventDefault()不会被调用，给我们一个优化机会。

JavaScript

window.addEventListener('scroll', () => {  // Do something  // Can't use `preventDefault` here}, { passive: true });

如该代码片段所示，将选项 passive 设置为 true 将在浏览器中启用某些性能优化。这样，浏览器就会知道它可以安全地跳过事件队列并立即执行滚动监听器。结果是用户体验更加流畅，因为滚动事件将立即处理，而不是排队等待稍后处理。

更多内容请访问我的网站：https://www.icoderoad.com