滴滴外包前端面试题（含详细答案）.docxVIP

滴滴外包前端面试题（含详细答案）

说明：本题库整理自滴滴外包前端真实面试场景，贴合外包岗位考核侧重点（基础扎实度、业务落地能力、常见问题排查、工程基础使用），剔除冗余理论，答案贴合实际工作，无空洞套话，适配一二面考核。

一、HTML/CSS基础（高频必考）

1.详细说说标准盒模型和怪异盒模型的区别，日常开发如何选择？

参考答案：

两种盒模型核心区别是宽高计算规则不同：

1）标准盒模型（W3C默认）：width/height只对应内容区（content），元素实际占位宽高=width/height+padding+border+margin。日常写固定宽高的盒子，padding和border会撑大元素，容易导致布局错乱。

2）怪异盒模型（IE盒模型）：width/height包含content+padding+border，元素实际占位宽高=设定的width/height+margin。padding、border不会撑大盒子，布局稳定性更高。

日常开发统一设置box-sizing:border-box开启怪异盒模型，适配绝大多数业务布局，不用手动计算盒模型尺寸，减少适配问题。

2.行内元素、块级元素、行内块元素的区别，各自常用场景？

参考答案：

1）块级元素（div、p、h1、ul）：独占一行，可设置宽高、内外边距，