字节前端提前批-一二三面面经

一面
主要讲实习经历，基本上无八股
手撕：最长公共子串

二面
主要也是实习经历和项目
手撕：
1. 变量作用域和this指向问题,说输出
var bar = 'window'
function say() {
    var bar  = '111'
    console.log(bar)
    console.log(this.bar)
}
const obj = {
    bar: '222',
    say() {
        console.log(bar)
        console.log(this.bar)
    }
}
say()
obj.say()
obj.say = say
obj.say()

2.实现一个事件订阅模式，
形如
Eventer.emit('xxx', ...args)
Eventer.on('xxx', (args) => {...})

3.async函数输出顺序问题
async function f1() {
    console.log(1)
}
async function f2() {
    console.log(2)
    await console.log(3)
    // 取消注释后输出顺序又是怎样
    // console.log(5)
}
function f3() {
    console.log(4)
}
f1()
f2()
f3()

4.手写深拷贝

三面
不知道为啥八股反而多了
如何响应式布局？
如何做一个低代码平台，数据联动的设计思路，DSL如何设计的，给了个具体场景说如何使用低代码来配置。
vue的响应式怎么做的？
Proxy和Object.defineProperty区别？
vue2如何重写的数组方法？
拿到一段js代码，如何调用它？除了new Function还有哪些？
函数的this指向？this非严格模式下的指向？如何为函数绑定this？
首屏渲染性能如何优化？
http1.1和http2区别？
js加载会阻塞dom吗？如何防止阻塞？
在前几段实习中学到了什么？
手撕：最长不重复字符串

#字节##字节跳动##面经##前端##秋招#