作业帮前端面试

全程70多分钟，八股很长：（针对项目）：虚拟滚动怎么实现的？数据坐标是怎么存储的？搜索的防抖是怎么实现的？如果说用户电脑性能非常好那需要防抖吗？怎么去验证你的防抖是起到性能优化效果的？防抖的时间阈值如何权衡，在用户体验和性能之间？（项目拷问结束，下为常规八卦）防抖和节流区别？websocket是什么？建立一个连接需要几步？在过程中浏览器会发送哪些请求，如何变为ws连接？心跳机制和断线重连是怎么实现的？移动端适配是怎么做的？两种方案（响应式布局和媒体查询）的优缺点？JS有什么基本数据类型？引用数据类型和它们的区别？讲一下事件循环。promise有哪些状态？如何流转？（随后一道promise代码分析题，宏任务微任务那套问输出顺序那一套）箭头函数和普通函数的区别？包管理工具？npm和yarn区别？为什么有npm还要出现yarn？构建工具？webpack和vite区别？代码题：abandon——两数之和面试官很好，答的还行不过问的太多了有些疏漏，但一直在泡池子…应该是无了，可是为什么还要面这么久呢…

八股vue和react状态响应与渲染概念promise每次构造函数概念在Promise链式调用中，为何第一个 then 里捕获到错误，后续的第二个 then 或 catch 却能将Promise状态转为 resolve 手写sleep手写返回promise需实现一个名为 to 的函数，接收入参，无需 try catch 即可处理结果：Promise成功时返回包含 result 的数组，失败时返回包含 error 的数组 才35分钟 多半是emm…

自我介绍介绍一下你的项目和技术亮点。项目细节与技术选型：低代码项目是做什么的？它能实现什么功能？详细讲讲做的长列表性能优化？遇到了什么性能瓶颈，又是如何解决和评估的？在项目中用到的虚拟列表和分片渲染有什么区别和联系？为什么要做这样的技术选型？除了长列表优化，在项目或实习中还有没有其他可以体现技术选型思考的例子？常用的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出来算法题有点生疏了，尤其是这种考察数组处理而不是算法的代码题目，本应该是秒的不过感觉八股、项目不断面试还是可以维持住的要开始第二轮强化了，秋招我的努力是一阵一阵的

经历问的很多，八股很少1. 自我介绍2. 讲一讲一个最让你印象深刻的需求3. 讲一讲你和各部门是如何协作的4. 如果页面发生卡顿 白屏，如何排查5. 如果产品提出的需求在技术上很难实现你怎么处理6. 讲一讲跨域，解决方法有哪些7. 浏览器输入url到页面展示的过程8. 浏览器拿到静态资源之后如何渲染9. 反问#前端面试 #前端面试题 #前端 #校招