百度前端一面 自动驾驶 武汉 (50min)

周末了，把之前积压的面经发一发吧面试官很好，答得不好得还有解释。约1h1. html常用标签2. 标签语义化3. DOM/BOM4. 浏览器渲染流程（复盘时听得我绷不住了，答得也太差了）5. 为什么JS标签会阻塞DOM解析6. 选择器优先级7. 伪元素和伪类选择器8. 水平垂直居中9. 预处理器变量和CSS变量10. ES6之后的新特性11. map和forEach的区别12. 基础类型和引用类型13. 深拷贝思路14. 防抖和节流15. 场景：一个页面多个tab，切到一个tab去发送请求获取数据，请求有快有慢，如何保证快速切换时最后停留的位置上获取的数据是正确tab的数据16. 怎么学习前端的17. 为什么做前端18. React的hook19. 父组件更新避免子组件重新渲染20. fiber架构与渲染流程21. setState批处理22. useEffect返回函数的作用和执行时机23. 项目的localStorage24. sessionStorage，cookie，localStorage区别25. 跨标签通信26. hot100，最长连续序列（最爆的一集，hot100原题没撕出来，甚至允许nlogn算法也还是在面试官引导下才过的）手撕没撕出来 + 八股答得不好，3天入人才库伺候

自我介绍项目相关：如果让你做一个项目，怎么考虑技术选型小程序怎么转多端条件编译底层怎么实现的，你会怎么做AST抽象语法树webpack八股：除了vue react 小程序还了解什么前端技术，比如浏览器（答了网络和缓存）考虑用户体验，让你实现一个登录怎么做localStorage和sessionStorage区别登录怎么持久化（说了一通accessToken和refreshToken，最后发现面试官想要的答案是 每次登录更新localStroage过期时间）强缓存&协商缓存协商缓存过程说说Https说说事件循环一道事件循环输出题说说vue响应式手撕：数组扁平化

时长正好45分钟。1.怎么理解国际化，遇到了哪些问题，怎么解决？把一个纯中文项目进行国际化怎么做？2.防抖和节流分别是什么，各自的使用场景，说出3-4种；3.做过哪些性能优化？4.对盒模型的理解；5.三栏布局；6.闭包；7.为什么做前端；8.了解的前端新技术；反思：要多研究jd，面试完发现招聘jd里分明提到“探索学习Web前端开发最新技术，保持技术前瞻性”和“持续进行功能的改进及性能优化”，面试里也确实问到了。一直以来都只关注“职位要求”，原来“职位描述”同样要仔细研究...

不知不觉已经在哔哩实习马上一年了，实话实说哔哩实习的体验感真的蛮好的，今年也成功在哔哩顺利转正，拿到正式的offer了。 首先是实习强度💢 ，这块哔哩确实挺好的，实习的时候组内的大佬都不内卷，每天各自完成自己的工作就能下班回家啦，每天晚上8点半可以拿免费的加班餐，9点半能免费打车回家（我住的近，根本用不到） 🫶️ 团队氛围这块真的没话说，团队内的大佬都很乐意帮助我快速成长，犯错的时候，及时找mentor沟通，mentor真的无所不能，而且还会给自己许多思考的空间 公司还有免费的健身房可以锻炼，我今天从五月份到9月份和同事一起去健身房锻炼已经减掉15斤了，而且最近一段时间又新换了一批设备 哔...