前端/移动开发面试题更新 2026-08-05

display: none 会进行页面渲染吗?这个 DOM 元素什么时候被取消渲染?

金山WPS前端/移动开发性能优化技术原理

考察说明

考察对 CSS 渲染流程、重排重绘机制及 display:none 对渲染影响的理解

回答思路

  1. 能区分样式计算、布局、绘制等渲染阶段
  2. 说明 display:none 元素仍会进入 DOM 和样式计算,但不参与布局与绘制
  3. 正确描述元素从渲染树移除的时机,以及触发重排与重绘的差异
  4. 能结合性能场景说明 display:none 对渲染优化的意义
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。