1.自我介绍面试官全程打在面板上,人很好,鼓励人,有耐心!!!2.flex布局相关问题,给了两个场景?问如何设置css3.position,默认是如何布局的,还有其余的是如何定位4. 依旧是divbody 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( click()}>1 setCount(count+1)}>2 )0ms count 11000ms 点击第二个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.反问环节只记得这些,是一次完全没有的体验,上来直接通过例子去做分析,看看我的掌握程度。太久没背八股了还是希望能有二面的!!!!------约二面了!二面挂,都是很日常的题,来了一句感谢你投递字节,感谢你的时间。。。