前端性能高性能滚动 scroll 及页面渲染优化
Posted JavaScript
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端性能高性能滚动 scroll 及页面渲染优化相关的知识，希望对你有一定的参考价值。
最近在研究页面渲染及web动画的性能问题，以及拜读【https://github.com/cssmagic/CSS-Secrets】（CSS揭秘）这本大作。
本文主要想谈谈页面优化之滚动优化。
主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，是我自己学习记录的一个过程，如果上面列出的知识点都了然于胸了，就可以不必往下看了。
滚动优化的由来
滚动优化其实也不仅仅指滚动（scroll 事件），还包括了例如 resize 这类会频繁触发的事件。简单的看看：
var
i = 0;
以上是关于前端性能高性能滚动 scroll 及页面渲染优化的主要内容，如果未能解决你的问题，请参考以下文章 |