近期前端面试总结

对于面试还是比较喜欢的，一来可以了解市面上公司所使用的技术栈，二来可以认识到自己的不足。

因为不着急换工作，所以一般先找不太中意的公司进行面试（比如外包）。

直接裸面，不做太多准备，这样对于技术的掌握更有帮助。

总结下近期几场面试，遇到的一些比较有难度的问题。

CSS 篇

1、盒模型

这个问题比较简单，盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。

2、box-sizing

JavaScript 篇

1、深拷贝和浅拷贝

浅拷贝和深拷贝都是只针对于像Object，Array这样的引用类型。

浅拷贝只是拷贝指向原来对象的地址。

深拷贝会创建一个新的内存空间，拷贝的值是一样的，但是内存地址不一样。

比如

	let a = [0, 1, 2];
	let b = a;
	b[1] = 3;
	console.log(a) //  [0, 3, 2]
	console.log(b) //  [0, 3, 2]
1
2
3
4
5

上述例子实现的就是个浅拷贝，无论修改哪个变量的值，两个变量值都会对应改变。

为了实现两个变量互不影响，需要实现深拷贝。

实现深拷贝

	let a = [0, 1,