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