家人们谁懂啊!前端面试被问重排重绘,明明背过却答得磕磕绊绊😭 而且工作中不小心写多了重排代码,页面直接卡成PPT…今天就用最通俗的话,把重排、重绘讲明白,再附上避坑技巧,不管是面试还是实际开发都能用得上,建议收藏备用✅ 先搞懂前提:浏览器渲染页面的完整流程(简单记这5步,不用死记硬背) 构建DOM树 → 构建CSSOM → 构建渲染树 → 布局渲染树 → 绘制渲染树 简单说:布局阶段算好每个元素的大小、位置(给元素定坐标),绘制阶段再把元素画到屏幕上。重排和重绘,就是这两个阶段出了“重复工作”! 一、重排(回流):最费性能的“大动作”⚠️ 一句话总结:元素的“身材”“位置”变了,浏览器得...