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

JavaScript 中获取盒子模型宽高有哪些方式?

金山WPS前端/移动开发问题拆解技术原理JavaScript

考察说明

考察 DOM 元素尺寸获取方法与盒模型差异理解

回答思路

  1. 能列举 offsetWidth/offsetHeight、clientWidth/clientHeight、getBoundingClientRect() 等常用方式
  2. 能区分各方法对应盒模型(border-box 与 content-box)以及是否包含滚动条
  3. 能说明 getBoundingClientRect() 返回的宽高与视口位置的关系,以及其精度与性能特点
本题已收录答题指导

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

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