头条面经顺便玄学求offer

一面：
1、介绍项目
2、React的优点？为什么可以做到不操作DOM？虚拟树？
3、实现4:3的div，这里涉及了padding-top宽度以父元素的宽为参照
4、vh和vw有什么兼容性问题
5、对rem的了解
6、边距合并的问题，如何解决
7、怎么定义BFC
8、实现一个进度条动画，2s 0.5s突变为1/3 1s突变为2/3 1.5s突变为1 2s突变为0
9、帧动画
10、

var func1 = x =>x;var func2 = x => {x};var func3 = x => ({x});console.log(func1(1));console.log(func2(1));console.log(func3(1));

输出为？
11、箭头函数的作用域
12、原型，原型链的理解。Promise理解
13、数组A，找出最大连续子序列
二面：
1、

setTimeout(() => {
    setTimeout(() => {
        console.log(‘100, 0’)
    }, 0);
}, 100);
setTimeout(() => {
    setTimeout(() => {
        console.log(‘0, 100’)
    }, 100);
}, 0);

先输出哪一个？
2、

if ([] == false) {console.log(1);};
if ({} == false ) {console.log(2);};
if ([]) {console.log(3);};
if ([1] == [1]) {console.log(4);}; 
if ('1' == [1]) {console.log(5);};

会输出哪些
3、js的基本数据类型有哪些
4、实现对象的深克隆，不考虑function
5、数组A，两个不交叠的连续子序列和最大。
三面：
1、react 生命周期
2、实现inherit继承函数

function inherit(Fn,obj) {
}
let animalNum = 0;
function Animal(name, age) {
  animalNum ++;
  this.name = name;
  this.age = age;
}
Animal.prototype.getName = function() {
  return this.name;
};
const Cat = inherit(Animal, {
  say() {
    console.log(`NO${animalNum}:${this.getName()}`);
  }
});
const cat1 = new Cat('小花');
cat1.say(); //NO1:小花

3、事件模型中，事件响应函数的event变量中的currentTarget与target的区别是什么
4、事件委托是什么
5、我手中有一堆扑克牌， 但是观众不知道它的顺序。

第一步， 我从牌顶拿出一张牌， 放到桌子上。
第二步， 我从牌顶再拿一张牌， 放在手上牌的底部。
第三步， 重复第一步、第二步的操作， 直到我手中所有的牌都放到了桌子上。

最后， 观众可以看到桌子上牌的顺序是：13\12\11\10\9\8\7\6\5\4\3\2\1
请问， 我刚开始拿在手里的牌的顺序是什么？
6、分别解释reflow repaint，哪些情况会引起reflow
7、如何实现抛物线动画