8.16百度前端提前批一面面经

1、手写瀑布流布局（如图1）
2、flex的使用场景和六个属性
3、使用过哪些布局单位
4、一个CSS输出题（如图2）
        h2 选择器设置了字体大小为 2em，这里 em 是相对于其父元素的字体大小。由于 h2 是 .container 的子元素，em 将会相对于 .container 的字体大小，即 3rem 或 48px。所以 2em 等于 2 * 48px = 96px。
        p 选择器设置了字体大小为 2rem，rem是相对于根元素的大小，所以应该是16 * 2 = 32px
5、 在使用scoped之后，怎么在父元素中覆盖子元素的样式
6、 js的数据类型有哪些
7、 基本数据类型和引用数据类型的区别，说出b和c如何变化（如图3）
8、深拷贝和浅拷贝
9、事件循环机制
10、js延迟加载的方式有哪些，async和defer的区别
11、v-if和v-show的区别，如何选择
12、computed和watch的区别，如何选择
13、跨域的概念以及解决跨域的方法
14、浏览器存储
15、webpack的打包过程
16、盒模型是什么 标准盒模型和怪异盒模型的区别是什么 Google用的是哪个盒模型
#百度前端面经#