字节一面-前端凉经

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] = useState(1)

function click(){
setTimeout(()=>console.log(count), 3000)
}
return(
    
)

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.反问环节

只记得这些，是一次完全没有的体验，上来直接通过例子去做分析，看看我的掌握程度。太久没背八股了
还是希望能有二面的！！！！
------
约二面了！

二面挂，都是很日常的题，来了一句感谢你投递字节，感谢你的时间。。。