蚂蚁二轮电面

面试

html

解释盒模型
事件类型

css

垂直居中实现方式有哪些
12张图片排3列，每张图片的左右间隔相同，实现方式有几种，具体如何实现

js

移动端兼容是如何做的（包括横竖屏）
react实现原理
react优化的点及方法
promise实现原理
onclik监听和addEventListener的区别
箭头函数的好处和优点
call apply bind区别与联系
```
for(var i =0 ; i < 5; i++) {
    setTimeout(function(){
        console.log(i)
    },0)
}
```
会输出什么，如何改正


答案：

    flex的align-items align-content
    align-items：单行交叉轴居中
    align-content: 多行居中
    具体区别：http://blog.csdn.net/liuliuliu_666/article/details/71107795?locationNum=1&fps=1

    addEventListener事件允许给一个事件注册多个监听器
    更为精细化，可以选择冒泡还是捕获
    对任何DOM元素都有效，不仅仅是html元素
    onclick后边的事件会覆盖掉前面的事件

    代码输出5个5，改正方法是用let声明i，或者用闭包来实现

    react优化点：https://www.zybuluo.com/windchimes/note/1074735
    箭头函数优点：1）简洁 2）this就是定义时所在的对象，而不是执行时所在的对象了
    缺点：1）因为this是定义时所在对象，所以不可以当做构造函数，也就是不可以使用new命令 2）不可以使用arguments对象，该对象在函数体内不存在，可以用扩展运算符 3）不可以使用yield命令，所以箭头函数不能作为Generator函数
    call apply bind都可以改变this的指向
    bind返回的是一个函数，所以要用（）调用一下；而call和apply都是改变上下文的this指向并立即执行这个函数
    call和bind的第二个参数直接放进去，用逗号分隔
    apply的第二个参数是数组