前端面试题

一.HTML&CSS

1. flex布局
   你是怎么理解flex弹性盒布局的

2. 垂直居中
   css垂直居中的11种方法

3. 清除浮动
   清除浮动的最常用的四种方法，以及优缺点

4. BFC
   什么是BFC
   可以理解为BFC是一个块独立的作用域，它有些自己的特性

那如何产生BFC？
通过以下几种方法就能生成一个BCF

float 的值不是 none
position 的值不是static或者relative。
display的值是inline-block、table-cell、flex、table-caption或者inline-flex
overflow 的值不是 visible

5. 三栏布局
   如何写三栏布局，以及他们的优缺点
6. 两栏布局
7. 动画
   两种动画transition与animation区别与写法
8. 盒模型
   如何理解盒模型
9. H5新特性
   H5新特性有哪些

二.JS

1. js的7种类型
   null,undefined,boolean,number,string,引用类型（object,array,function）,symbol
2. 继承
3. 原型链
4. this指向
5. 设计模式
6. call，apply，bind，new实现
7. 防抖节流
8. let，var，const区别
   (1) const定义的变量不可以修改，而且必须初始化。
   (2) var定义的变量可以修改，如果不初始化会输出undefined，不会报错。
   (3)let是块级作用域，函数内部使用let定义后，对函数外部无影响。
9. event
10. loop
11. promise使用及实现
12. 创建axios请求
13. 闭包
    函数a 作用域内引用了 函数b 作用域内的变量。（a捕获b的自由变量）
    函数a 可在 函数b 作用域之外执行。（b的变量对象无法正常销毁）
    就形成闭包了。
    怎么答看各人表达，意思到就行了。。。
14. 垃圾回收和内存泄漏
15. 数组方法
16. 数组乱序
17. 数组扁平化
18. 事件委托
19. 事件监听
20. 事件模型
21. typescript