去哪儿网前端面试（一面）

人生第一次参加现场面试必须记录一下，面试地点在一个酒店，要求带纸质简历，为避免迟提前了两个小时到酒店楼下，所以就在附近闲逛了一圈，上去之后，由于前端面试官比较少，所以比预计时间晚了一个多小时，紧张的心情都没了，本来以为很好，结果还是被碾压了，心碎。。。。

因为在前端学习过程中对算法不是很重视，可是面试官一开始就让手写算法，所以一开始就凉凉了。

面试问题如下：

1.手写快速排序

2.手写冒泡排序

3.实现每隔一秒钟输出1,2,3...数字

4.block、inline、inline-block区别

block(块级元素)：独占一行，高度由内容撑开，可以设置宽高

inline(行内元素)：高度和宽度都有内容撑开，不能设置宽高

inline-block(行内块级元素)：可以设置宽高，又不会独占一行

5.相邻元素外边距重合以及解决办法

（1）开启BFC：

BFC(块级格式化上下文)规则：

同一个BFC内部的Box会在垂直方向上一个接一个的放置；

同一个BFC的两个相邻的Box的margin会发生重叠，与方向无关；

BFC中的子元素不会超出它的包含块；

BFC的区域不会与float的元素区域重叠；

计算BFC的高度时，浮动子元素也参与计算；

BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。

开启BFC方式比较多就不一一列举了

（2）设置一个外边距

如果只是为了达到效果，给相邻元素其中一个设置margin不就行了