.passive事件修饰符

举个例子:




没有 .passive 时
  • 当你快速滚动页面时,浏览器必须等待 onScroll 函数中的循环执行完毕
  • 这会导致滚动卡顿,感觉像 "粘手" 一样不流畅
  • 用户体验:滚动时感觉页面在 "挣扎",不够顺滑
添加 .passive 修饰符后
  • 现在,当你滚动页面时,浏览器会立即响应用户的滚动操作
  • 即使 onScroll 函数中有耗时操作,滚动也会保持流畅
  • 用户体验:滚动感觉非常顺滑,几乎没有延迟

你可能感兴趣的:(.passive事件修饰符)