去哪儿前端笔试

自我介绍介绍一下你的项目和技术亮点。项目细节与技术选型：低代码项目是做什么的？它能实现什么功能？详细讲讲做的长列表性能优化？遇到了什么性能瓶颈，又是如何解决和评估的？在项目中用到的虚拟列表和分片渲染有什么区别和联系？为什么要做这样的技术选型？除了长列表优化，在项目或实习中还有没有其他可以体现技术选型思考的例子？常用的ES6新特性有哪些？优化一段解构赋值特性的代码？用过可选链操作符（?.）吗？它有什么作用？（追问??）setTimeout：setTimeout设置的延迟是精确的吗？为什么？同源策略与跨域：你了解浏览器的同源策略吗？如何解决跨域问题？可以详细讲一下CORS的原理吗？复杂请求（如POST）和简单请求有什么区别？浏览器缓存：讲一下浏览器的缓存机制（强缓存和协商缓存），它们分别依赖哪些字段？HTTP状态码：说一下你了解的HTTP状态码。页面加载：当有多张图片时，浏览器是如何加载它们的？（并行还是串行）网络分层：你了解网络分层模型吗？每一层都有哪些常见的协议？HTTP报文：你了解HTTP的报文结构吗？有用工具抓过包吗？TCP/UDP：TCP和UDP有什么区别？它们各自的应用场景是什么？浏览器渲染流程：从输入URL到页面完整显示，整个过程是怎样的？重排与重绘：什么是重排和重绘？哪些操作会触发它们？React框架组件通信：React组件之间有哪些通信方式？React Hooks：谈谈你对React Hooks的理解，它有什么使用规则或注意事项？性能优化：你了解哪些React的性能优化方法？Diff算法：讲一下React的Diff算法原理。算法与代码算法题：实现一个函数，删除字符串中所有相邻的、重复出现次数大于等于2次的字符。（例如 'abbbaca' -> 'aaca' -> 'ca'）反问PS：有点遗憾，问的基本上都答出来了，感觉面试官也很满意，但是算法题有bug最后没de出来算法题有点生疏了，尤其是这种考察数组处理而不是算法的代码题目，本应该是秒的不过感觉八股、项目不断面试还是可以维持住的要开始第二轮强化了，秋招我的努力是一阵一阵的

没有自我介绍讲一讲受控组件与非受控组件讲一讲虚拟domdiff算法中的key起什么作用讲一讲vite与webpack的区别为什么vite在开发过程中只处理被引用的模块为什么vite在生产环境中用rollup，在开发环境中用esbuild性能优化中的指标讲一讲webpack中的性能优化手段讲一讲react中的性能优化手段项目经历中的token无感刷新怎么实现的为什么实现文件下载用的是base64转换讲一讲websocket和sse代码题，括号匹配

45min 八股+项目+手撕1.讲一个项目里面的难点2.ES6的新特性3.给一段段代码问有什么问题，典型场景，核心作用4.设置定时器延迟时间为100ms，实际延迟时间通常会大于等于 100ms，为什么5.宏任务与微任务6.浏览器的同源策略7.跨域的解决方案8.CORS是什么，具体如何设置9.跨域的post请求为什么会两次10.如果页面有多张图片 http是怎么加载的11.结合TCP连接方面讲一下图片数据请求，串行还是并行12.计算机网络五层常用协议13.用过http抓包嘛14.什么是中间人攻击15.浏览器的地址栏输入网址到界面显示的整个过程16.怎样减少重排重绘17.vue的响应式原理18.vue2和vue3的区别19.diff算法20.react hooks的优缺点21.学习起来遇到什么困难手撕：实现一个函数删除字符串中出现次数>=2的相邻字符：输入"abbbaca" ---> 输出 "ca"

一面 30min 项目 八股八股Vue和React之间区别平时会用到Webpack的哪些功能rem是相对于哪个节点进行计算的是否了解逻辑像素和物理像素二面 28min简单聊聊项目 无八股项目中哪个对个人最重要及原因前端性能优化的方案用过什么各项目优化改动对应的具体量化指标三面 hr面 25min选择前端岗位的原因刚进入实习时遇到的不懂或困难的事情实习第一周的学习方式对加班的看法及应对方式休闲时间的兴趣爱好性格、优缺点的评价岗位技术、工作地点、行业选择上的规划去哪儿网的了解程度目前是否收到其他offer或处于面