passive的作用和原理

passived到底有什么用？

passived主要用于优化浏览器页面滚动的性能，让页面滚动更顺滑~~

passived产生的历史时间线

addEventListener()：大家都是认识的，为dom添加触发事件，故事就从这里开始。
在早期addEventListener是这样的：

addEventListener(type, listener, useCapture)

useCapture:是否允许事件捕捉，但是很少会传true，然后就变成可选项了：

addEventListener(type, listener[, useCapture ])

到现在就变成了这个样子：

addEventListener(type, listener, {capture: false, //捕获passive: false, once: false    //只触发一次
})

我们的主角passive就出现了

passive为什么能优化页面的滚动性能？

简述chrome的线程化渲染框架

chrome的线程化渲染框架的两个线程：

• 内核线程（Main/Render Thread）：负责DOM树构建、元素的布局、图层绘制记录部分（main-thread side）、JavaScript的执行
• 合成线程（Compositor Thread）：图层绘制实现部分（impl-side）

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！