字节商业化技术提前批前端一二三面，已oc

一面8.4，二面8.5，三面8.12，oc 8.18

人生第一次面试，其实挺紧张的，问的感觉都知道，但是我太菜了说着说着就不知道还有啥可以说了，然后就和面试官面面相觑（感谢面试小哥不杀之恩）

面了40min左右，题目如下，顺序不固定（有些忘记了，想到什么写什么）

1、css盒模型，对应css属性和值是啥

2、常见状态码及其含义

3、get/post的区别

4、xss攻击原理及其防御方式

5、vue中key的作用

6、回流重绘含义，如何优化

7、代码题：请为所有数组对象添加findDuplicate(n)方法，用于返回该数组中出现频率大于等于n的元素列表

8、问输出

var F = function () { }
Object.prototype.a = function () {
    console.log('a')
}
Function.prototype.b = function () {
    console.log('b')
}
var f = new F();
f.a();//a
f.b();//会报错，因为没有没有f.b
F.a();//a
F.b();//b

9、问输出

var A = { n: 1 };
var B = function () {
    this.n = 2
};
var C = function () {
    var n = 3
    };

B.prototype = A;
C.prototype = A;
var b = new B();
var c = new C();
A.n++
console.log(b.n);//2
console.log(c.n);//2

10、箭头函数和普通函数的区别

11、Map和Set的区别（就说了一点存储数据的区别，别的还真不知道）

接着又问Map和Weakmap的区别，null能不能作为Weakmap的键（我还是不知道，一会去试试看）
12、常用的git命令及其含义

13、应该还有啥的，但是我不太记得了，就酱吧qwq

补：1、还问了如何不使用额外变量交换变量a,b的值

2、vue中组建通信的几种方式

-----------------------------我是分隔符----------------------------------

二面约的8.5，人生第二次面试，充分体验到了自己的菜，觉得面试小哥都已经看不下去了qwq

1、自我介绍

2、做过哪些项目，说一说

3、咦？你不是来应聘实习？那给你出几个题目吧

给定一棵树，请你输出所有从根节点到叶子节点的路径组成的数字之和
   let tree = {
        val: 1,
        left: {
            val: 2,
            left: {
                val: 4,
                left: null,
                right: null
            },
            right: {
                val: 5,
                left: null,
                right: null
            }
        },
        right: {
            val: 3,
            left: null,
            right: null
        }
    }

// 例如以上的树，总共有从根节点到叶子节点的路径3条，分别为：1->2->4,1->2->5,1->3
// 则计算方法为：124+125+13=262

原谅我一开始看错题目了，组成的数字之和是124而不是1+2+4=7，然后又跑回去改，磨磨蹭蹭下写完了

4、问输出

async function async1(){
  console.log('async1 start');
  await async2();
  console.log('async1 end')
}

async function async2(){
  console.log('async2')
}

console.log('script start');

setTimeout(function(){
  console.log('setTimeout')
},0);

async1();

new Promise(function(resolve){
    console.log('promise1');
    resolve();
}).then(function(){
    console.log('promise2')
});

console.log('script end')

5、写代码

实现一个EventBus（发布订阅模式），具有on, emit, off 方法
```
const emitter = new EventBus();

function onFoo(e) {
  console.log('foo', e);
}

function onBar(e) {
  console.log('bar', e);
}

emitter.on('type', onFoo);

emitter.on('type', onBar);

emitter.emit('type', {a: 'b'}); // foo {a: "b"} bar {a: "b"}

emitter.off('type', onBar);

emitter.emit('type', {a: 'b'}); // foo {a: "b"}

6、嗯，既然你写完了那我们来问问基础？

7、BFC知道吧，讲讲

8、vue源码看过没（没看过，但看过一些对源码的分析）

9、vue3源码看过没，它相比于vue2有哪些优势？（讲了点composition api的好处，响应式的区别，但其实我真没特别了解过）

10、vue3的性能优化了解吗（不了解）

11、node用过没（没用过），express，koa框架知道不（不知道）

12、serverless xxxx（没听清）听说过没（没听说）

13、微前端有了解吗（不了解）

14、有写过公共组件库吗？（没写过）

15、ES6的模块化，AMD,CMD知道吗（不知道）

反问：说实话最后几题下来我已经没脸反问了，问啥啥不会，知道自己大概率是凉了，但还是反问了一下对以后学习的建议，就建议多了解了解业内的新技术，拓宽视野，不要只局限在基础

qwq秋招加油吧，这段时间要好好学习新技术相关的，还要多了解了解node