PDD 前端 二面 面筋

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.反问环节只记得这些，是一次完全没有的体验，上来直接通过例子去做分析，看看我的掌握程度。太久没背八股了还是希望能有二面的！！！！------约二面了！二面挂，都是很日常的题，来了一句感谢你投递字节，感谢你的时间。。。

二面:自我介绍实习离职原因实习技术栈介绍手头offer讲讲有挑战性的实习业务介绍项目测试规范、单元测试错误监控性能优化技术实习的H5项目介绍、以及性能优化图片CDN图片性能优化竞赛项目实习的时候是否做过自主优化手撕：异步池并发控制手撕：属性劫持4个输出判断 浅拷贝相关的手撕：字符串数组相加的最大值（字典序）

时间9.18，共1h我竟然感觉体验还不错，面试大概是结合你的实习来提问（经典项目没人问），因为我实习着重写了性能优化，所以面试官也着重问的性能优化（老生常谈了，一问到这个我直接一股脑开背）八股则是基础偏多，问我的全是css：几个动画多端适配布局重绘重排哪些情况下用GPU渲染，哪些情况下用CPU是否可以全部使用GPU渲染GPU的优点在哪里webpack热更新原理最后一道题，手写将接口响应的数据里面的下换线命名转化为驼峰，正则表达式写的有点抽象但仍然实现了

一面:自我介绍你对目标部门有什么要求吗？你对拼多多有什么了解作息能接受吗美团实习使用的技术栈负责的业务挑重点讲讲你接受去写flutter吗讲讲flutter、跨段技术vuex 原理mutation、action的区别vue3 和 vue2的区别nextTick原理开源贡献element-plus 源码怎么组织的手撕：Vue Hook - 定时按钮手撕：Promise.allSettled手撕：LRU缓存反问