字节番茄前端春招

一面（2024/09/09）1. 为什么选择前端2. 你有为进入前端这个职业做了些什么3. 有了解哪些前沿的技术4. 防抖节流的思路及应用场景5. CSS 实现两边固定宽度，中间自适应的方法6. 文件上传如何设计，涉及到的技术点7. 职业规划面试官不记得有这场面试了，我等了很久很久，发邮件给 hr，才有的面试，但是秒挂～

牛客的markdown解析器有点一般，大家需要的话还是找我要语雀链接吧，纯开源 vue 版  负责 axios 请求的二次封装，添加请求拦截器与响应拦截器，对全局的请求与错误处理进行统一 针对商品首页的长列表数据渲染，采用图片懒加载+无限加载+虚拟列表的终极方案优化大数据场景下页面的渲染时间；同时观测 performance，确定页面渲染过程中耗时过长的长任务，并将此分割为多个短任务 使用 keep-alive 对整个页面进行缓存，支持多级嵌套页面 平台迭代过程中负责将 Pinia 对 Vuex 进行替代 使用 Pinia 进行全局全局状态管理，并结合 LocalStorage 持久化存储用户...

1. 常见的行内元素2. 网页中head部分的meta标签有什么作用3. 子元素如何对父元素实现水平垂直居中4. 有用过grid吗？（了解过，但是没在项目中使用过）5. css中rem和em的区别6. 列举position的值7. 伪类和伪元素有什么区别8. canvas和svg有什么区别（回答了不熟悉canvas，svg使用一般是直接在网站中选取svg图标插入）9. 了解过svg的图标是如何实现的吗10. 列举数组有哪些方法11. 针对回答的方法，问了push、splice、shift、slice、fliter哪些是改变原数组，哪些不改变12. 讲一下防抖和节流的使用场景13. 字符串反转 说一下思路14. 数组随机打乱 说一下思路15. vue3中的hooks方法用过吗？ （我只说了生命周期，好像不是16. computed和watch的区别17. 列表渲染时，key有什么作用18. 图片懒加载具体是什么实现的（使用了vueuse中的useIntersectionObserver）19. 知道vueuse的作者吗（这个真不知道）20. 之前自己有写过一个hooks吗21. 有哪些常见的持久化方案22. cookies、sessionstorage、localstorage常见的使用场景23. 了解或者使用过ts吗（只看了一点ts，面试官还是比较看重这里的，表示ts一定要会24. package.json文件是干什么用的？25. package-lock.json文件和package.json有什么区别？26. 列举发起网络请求常见的http的header27. 说一下http的状态码28. 有哪些途径学习前端的知识29. 有提到过在掘金看帖子，还问我有没有固定关注的人或者订阅的专栏30. 未来对于前端学习有什么规划吗31. 怎么看别人都说ai会取代前端？说说看法反问：针对面试表现能不能提一些未来学习的建议？一定要会ts，前端工程化方面虽然使用不多，但是也要掌握滴滴流程很快，十分钟内就知道结果了。

时长：35+10，共计45分钟左右1，项目挖掘要分享的项目难点？引出历史搜索记录的实现过程？redux实现历史搜索记录的话，每次重新登录都是空数据吗？每次用户登录，怎么实现之前的历史搜索记录还在？根据回答引出localstorage的大小？（这里应该是想和我探讨我方法的不合理性）cookie设置有效期的问题？浏览器缓存机制？（是什么，类别，缓存方式）如果本地缓存的资源有bug，我现在修改了资源的bug，根据浏览器缓存原理，接下来会发生什么？根据简历中提到的上线检测，问了捕获js错误的方式有哪些？闭包？由闭包引申出，如何解决闭包可能带来的内存泄漏问题？问VUE和react哪个熟悉一些？我说都行，...