前言：八月底被裁，是早早就预感到的，一直都在等待最后决判时刻的来临，所以等事情发生后，也没有很emo。反而觉得是一个机会，但大环境确实不好，抓紧提高自己，才是应对之策。今天就来开始第一篇面经吧~~ 一边记录，一边学习。
1. 第一题：css3新特性有哪些？
- 兼容版本
css：支持低版本windows IE8。
css3：低版本windows IE8以下不支持。
- 选择器：引入了新的选择器，如伪类选择器，伪元素选择器等；
伪类与伪元素区别：
伪类：以（:）开头，用于选择处于特定状态的元素。
伪元素：以（::）开头，用于在文档中插入虚构的元素。
-
边框圆角：引入border-radius属性；
-
盒阴影：增加box-shadow属性；
-
引入渐变过度效果：
8）变形，transform属性，对元素进行旋转、缩放、平移；
9）过渡：transition属性；
10）字体：使用@font-face引入字体文件，设置字体的大小粗细斜体等;
11）媒体查询：
12)弹性盒子布局
13）过滤效果：filter属性，控制图片的效果。
.img { filter: blur(5px);/*模糊效果*/ filter: brightness(50%); /*图片亮度*/ filter: contrast(0%); /*图片对比度*/ filter: drop-shadow(16px 16px 10px black); /*投影*/ filter: grayscale(100%); /*灰度*/ filter: opacity(100%); /*透明度*/ filter: saturate(50%); /*饱和度*/ }
14）网格布局；
15）多列布局；
3. 第二题：es6新特性有哪些？
1）let、const块级作用域；
2）模板字符串；
3）箭头函数；
4）函数参数的默认值；
5）对象和数组解构；
6)类：
7）for...in和for...of遍历对象和数组；
4. 第三题：前端如何进行缓存？
写一个完整的篇幅。
5. 第四题：让浏览器的像素实现兼容，有哪些方法（自适应布局方案）？
- rem:使用相对于根元素
<html>来做计算的字体大小单位。 - vw、vh，相对于视口的宽高单位。
- 使用百分比。
- dpr
6. 第五题：通过代码实现性能优化有哪些方式？
写一个完整的篇幅。
7. 第六题：webpack打包的三个阶段
1）初始化阶段
2）编译阶段
3）写入阶段
