秋招：虾皮前端一面

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

全程50min1. react router、哈希和非哈希路由2. FCP和LCP定义3. 响应头keep-alive4. 有哪些状态码5. 状态码304含义6. css多端适配7. rem8. 做过的印象最深刻的需求9. webp格式图片为什么比png更小10. 如何监听页面白屏/异常/图片加载失败11.流式输出前端如何判断内容是否完整12. 什么是流式输出13. SEO手撕：大数相减

怎么学习的 平时会做一些别的项目吗介绍项目做题整数四则运算给一个时间戳，转换为xx分钟前 xx小时前 昨天…js有哪些数据类型？基本类型和引用类型的区别？介绍下有哪些gc的方法？堆和栈的区别？tcp和udp的区别？介绍下节流和防抖

自我介绍为什么选择前端这个方向？如何理解ToC和ToB业务的区别？从输入URL到页面渲染发生了什么？什么情况下会引起重排（Reflow）？CSS中的几种定位（position）有什么区别？了解CDN吗？如何更新CDN中的内容？项目中如何实现登录？登录状态是如何保存的？Token和（本地）存储（Storage）有什么区别？如何实现单点登录（同一账号后登录的设备会踢出先登录的）？什么是OPTIONS预检请求？如何实现跨域？前端常见的网络攻击有哪些（如XSS、CSRF）？如何防御？Flex布局和Grid布局有什么区别？Flex弹性布局的实现原理是什么？如何实现并发请求？Promise.all的实现原...