滴滴外包前端面试题及详细答案.docxVIP

滴滴外包前端面试题及详细答案

一、基础核心题（必问，外包重点考察）

1.说说CSS中的BFC，以及你在项目中用它解决过什么问题？

答案：BFC就是块级格式化上下文，简单说就是一个独立的渲染区域，里面的元素怎么布局，都不会影响外面的元素，外面的也不会干扰里面的。

触发BFC的常见情况我记的有这几种：float不是none；overflow设成hidden、auto或者scroll；position是absolute或fixed；display是flex、grid或者inline-block。

实际做项目的时候，我主要用它解决两个问题，也是工作中最常遇到的：一是清除浮动导致的父容器高度塌陷，比如做列表组件时，子元素用了float布局，父容器就撑不起来，给父容器加个overflow:hidden，触发BFC，就能让父容器自动包裹子元素，不用再写clear:both；二是解决垂直margin重叠，比如两个相邻的块级元素，上下margin会合并成一个，比如做滴滴订单列表的项，每个项上下margin都是10px，不处理的话就会变成10px，给每个列表项外面包一层触发BFC的div，就能让margin正常生效，每个项之间的间距保持20px，符合设计要求。

2.JavaScript中，原型链的核心是什么？平时写代码会用到吗？

答案：原型链的核心其实就