字节Flow前端校招一面 1h

自我介绍 选择一个印象深刻的项目介绍， 虚拟列表列表项高度不固定，如何实现？SSE流式接口是标准的HTTP请求吗？SSE的数据类型与普通HTTP请求区别？前端如何接收SSE流式消息？建立SSE通信后，支持哪些操作？同时发起的SSE连接数量限制？TypeScript项目中，ESLint能否支持子路径的模块导入？Git`merge` 和 `rebase` 区别？对提交历史影响？（项目）每一次操作时，存储哪些信息来支持撤销重做？命令模式相较于数据快照，缺点？如果需要回退到很久之前的某个特定版本，命令模式如何优化？编辑器支持协同编辑吗？了解过协同编辑相关的算法吗？编辑器支持布局吗？拖拽到画布上后如何定位？校招比较看重岗位什么？工作城市？HTTP协议中的协商缓存和强缓存，区别？HTTP/2相比于HTTP/1.1有什么提升？JS脚本执行会阻塞页面渲染吗？浏览器为什么这样设计？`WeakMap`和普通`Map`区别？了解 `requestAnimationFrame` 和 `requestIdleCallback` 吗？为什么使用`requestAnimationFrame`？有什么特性？能保证回调一定会被执行吗？宏任务和微任务的执行规则是怎样的？一个微任务递归地生成另一个微任务，会陷入死循环吗？在JS中，如何让一个对象不可被编辑？CSS的`position`属性有哪些值？绝对定位和相对定位区别？绝对定位元素脱离文档流，会导致其父容器高度塌陷吗？BFC是什么？哪些条件会形成BFC？平衡二叉树？二叉树搜索时间复杂度？跨域？为什么限制同源？没有同源策略，会发生哪些不安全的操作？跨域解决方案？React组件通信方式？React Context和如Redux区别？TypeScript的`interface`和`class`的区别？编译产物？算法题：在一堆数字中找出最大的五个数字，实现思路和复杂度手撕：手写实现Event Emitter，包含 on/off/once/emit方法。反问体验问的确实比较全面，不过大多数都答出来了算法和数组第K大元素异曲同工手撕看过没练过，下来看答案实现方法差不多

全程1h基本基于实习+穿插一些八股 开放题和设计题偏多1. sse的优点 对比websocket2. event loop+promise如何手动实现3. 浏览器缓存4. 缓存的html内容服务端发生了改变，如何更新5. 实习难点6. css实现三列布局手撕：1. 设计流式输出接口协议和render函数2. 深拷贝3. 输出对象中前k个最小的item.score值4. 判断数组中是否有3对出现3次的数字5. 浮动元素位置判断

主包疯狂连面三天已对面试脱敏，心态也已经是心如死灰的平静。前两个星期间隔几天接到面试还会很紧张疯狂复习，现在已进入面到一半开摆阶段。把面经按天整理发出来攒攒好运，不想再面试了，赶紧有个厂收了主包吧，做黑奴也行。。。七次面试，两个大厂，其他的算中小厂吧，有两个看起来规模大但没听过名字。其中一个是二面，没问太多技术问题。后面的再整理吧，先倒头就睡了，短期内真不想面试了已有心理阴影更新：全部大厂已挂，收到面评反馈90%就是挂了。今天结束最后一面，短期之内先沉淀了不投了

全程1h10min前半个小时基本都在问实习项目和workflow之类的 略过1. js作用域 作用域链2. 闭包3. 事件委托3. BFC4. css选择器优先级 伪类伪元素5. react setState之后发生的事情6. fiber和渲染过程 如何实现可暂停7. hooks为什么不能写在条件判断里面8. webpack配置项9. 性能优化 FCP LCP手撕：1. 树转数组2. 数组转树