人生第一次参加现场面试必须记录一下，面试地点在一个酒店，要求带纸质简历，为避免迟提前了两个小时到酒店楼下，所以就在附近闲逛了一圈，上去之后，由于前端面试官比较少，所以比预计时间晚了一个多小时，紧张的心情都没了，本来以为很好，结果还是被碾压了，心碎。。。。
因为在前端学习过程中对算法不是很重视，可是面试官一开始就让手写算法，所以一开始就凉凉了。
面试问题如下：
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不就行了
