字节广告业务一面-前端凉经

1.自我介绍
面试官全程打在面板上，人很好，鼓励人，有耐心！！！
2.flex布局相关问题，给了两个场景？问如何设置css
3.position，默认是如何布局的，还有其余的是如何定位
4. 依旧是div
body margin 20px
{
div2: margin 20 wh 20
div3:margin 20 wh 20
}
问body和div2、div3上边的距离分别是多少，下面距离是多少，外边距折叠问题怎么解决，除去使用padding？（好像是这样的，具体真的不记得了，全凭印象，延伸出很多问题）
5.写一个parent的class，里面有age,say()，然后再写一个继承children的方法，里面也有age和say()，感觉应该是要考原型和原型链
6.最经典的事件循环题（做得最快的一题！）
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')
})
async1()
new Promise(function (resolve) {
console.log('promise1') resolve()
}).then(function () {
console.log('promise2')
})
console.log('script end')
7.react的fiber调度
8.react的函数组件，类组件
9.又是一道题。。。（大概是长这个样的，具体不太清楚，核心应该是对的）
const [count, setCount] = setState(1)
function click(){
setTimeout(()=>console.log(count), 3000)
}
return(
<div>
click()}>1
setCount(count+1)}>2
</div>
)
0ms count 1
1000ms 点击第二个
2000ms 点击第二个
3000ms 点击第一个
4000ms 点击第二个
。。
6000ms 点击第二个，输出的答案是多少？
10.问一下上面这个代码如果变成类组件的话，是有什么变化，会有什么不同，和不用框架的话，这种实现结果一样吗？
11.输入一个url，从输入到页面渲染全过程？（我说了大概有十分钟）
12.http1.0, 1.1, 2.0, 3.0区别和改进，都有什么不同，为什么2.0还是有队头阻塞问题。。。一系列问题
13.页面解析是一次送回还是多次？
14.如果我不想网页卡顿，有些静态资源其实没有变，当我访问这个页面的时候，浏览器有哪些办法？（我只知道强制缓存，瞎答，他说对一个）
15.算法题：list变树结构，parentId那种，大家也应该做过，pdd二面我就碰到一样的题。
16.反问环节
只记得这些，是一次完全没有的体验，上来直接通过例子去做分析，看看我的掌握程度。太久没背八股了
还是希望能有二面的！！！！