pdd前端一面面经（面试官人真的很好）

今年大二，想明年找一个实习，赶了一个简历，参考了刷到的一位牛油，牛爷爷拷打一下

1. 实现一个元素的垂直水平居中，你知道有哪几种方法？2. 讲讲你对 JavaScript 闭包的理解，平时在什么场景下会用到它？3. 核心代码模式算法题：字符串变形4. 聊聊浏览器的事件循环机制吧，宏任务和微任务的执行顺序是怎样的？5. Vue 3 的响应式原理是怎么实现的？和 Vue 2 有什么不同？6. 如果一个页面的首屏加载需要 5 秒，你会从哪些方面入手，把它优化到 1 秒以内？7. Webpack 的代码分割（分包）做过吗？一般会怎么配置？8. 在实现深拷贝的时候，如果遇到循环引用的问题，该怎么解决？9. React Hooks 里的 useEffect 和 useLayoutEf...

# 提前批（拼多多 HR面完，共5面4技术1HR面，🙏OC）# 秋招，一书面意向一口头意向🙏（DIDI（横向挂）、京东（后台显示面试通过，泡池子，🙏）、快手（口头意向🙏）、携程（HR面+英语测试完，泡池子，🙏）、收钱吧（意向）技术面面完,🙏HR&OC🍀，得物待三面🍀）# 提前：滴滴 🛜原因+手撕太慢+性能优化总结不到位 一面挂百度：React新特性、手撕（闭包实现结果缓存，未写出，基础！！！）一面挂腾讯：手撕未写出、场景题不知道没能好好思考，表现不自信，反馈：挺努力但是实践项目过少（移动、小程序和跨端等等） ，一面挂*2拼多多：一面->二面->三面->加面完（业务Temu🪧投放，和实习业务类似💕，可能更复杂，面试官💕）—>HR面（💕）-》🙏OC# 秋招小鹏汽车：纯KPI面试，TOB业务，面试官自己怀疑以后去向，挂卓驭（大疆车载）：一面（挺好的）—>等待⌛️超一周（没啥希望，前端岗不招人的吗？）小红书：要求高，AI底层实现了解？没有，被横向比较，挂京东：一面（有点表达不清晰，面试官很热情❤️）->二面（纯业务💕）-》HR面—〉面试通过泡池子，求OC🙏快手：周五一面—》二面->三面-〉口头OC🙏得物：周六一面—》二面-〉三面待面（🍀）滴滴正式批：一面-〉二面-》三面—〉排序挂😓携程：笔试—》一面、二面完成✅—〉HR面英语测试完，泡池子收钱吧：一面->二面（🍀）—>HR面—>意向字节跳动：抖音团队一面挂（继续沉淀，节后继续）作业帮：一面完（……挂）

全程50min1. react router、哈希和非哈希路由2. FCP和LCP定义3. 响应头keep-alive4. 有哪些状态码5. 状态码304含义6. css多端适配7. rem8. 做过的印象最深刻的需求9. webp格式图片为什么比png更小10. 如何监听页面白屏/异常/图片加载失败11.流式输出前端如何判断内容是否完整12. 什么是流式输出13. SEO手撕：大数相减