前端性能优化之重排和重绘

本文转载于 SegmentFault 社区作者：Parkeeers  前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。 一重排 & 重绘有经验的大佬对这个概念一定不会陌生，“浏览器输入 URL 发生了什么”。估计大家已经烂熟于心了，从计算机网络到 JS 引擎，一路飞奔到浏览器渲染引擎。经验越多就能理解的越深。感兴趣的同学可以看一下这篇文章，深度和广度俱佳 从输入 URL 到页面加载的过程？如何由一道题完善自己的前端知识体系！https://segmentfault.com/a/1190000013662126切回正题，我们继续探讨何为重排。浏览器下载完页面所有的资源后，就要开始构建 DOM 树，于此 ………………………………