小红书前端秋招一面面经9.19

加上笔试题拷打了1个小时20分钟1、自我介绍2、智慧大屏数据同步渲染还是异步渲染？3、ai会话很多很长，如何保证加载不卡顿？提示可以考虑缓存4；需要记录每一句对话的时间戳吗，如何记录，是需要每隔一段时间记录还是每一句都要记录？5、音乐播放器歌词如何实现每一句的高亮？每一个字的高亮呢？6、聊聊屏幕适配，pxtorem如何解决浏览器限制最小尺寸不能小于12px，现有技术如何解决？答scale缩小，他说会跑偏7、公共组件如何做稳定性监控？怎样线上监控组件异常？8、js有哪些报错？哪些异常类型？9、js如何开启第二条线程？提示web worker10、js如何捕获异步任务异常？除了then catch...

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

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

其实很久没有看八股了，CSS那块全炸了，一点都答不上来，JS基础还能说一点点，于是乎我极限拉扯，React部分结合八股疯狂和面试官输出我的实习经历，最后有惊无险还是过了一面（于是我的二面完全不问实习，哭了）。体验很不错的一场面试，最后面试官给的建议很详细，比如要讲清楚实习的业务形成闭环、要注意审题，说我整场表现是比较不错的。在当天的傍晚，hr姐姐打电话和我说过啦~！（上午面傍晚过，感觉被横向了一波，那时我又又以为要挂了....）1. 开场与项目背景自我介绍这个系统是用什么开发的？是个移动端的还是个PC端的系统？2. 技术选型与基础知识你为什么使用React然后再去写这个？前端的事件循环说一下Set和普通数组有什么区别？这个Set的数据能直接传给服务端用吗？需要怎么转？3. CSS与布局BFC概念：介绍一下BFC水平垂直居中：给了一个div，div可能是不定宽不定高的，我想这个div在我的屏幕上水平垂直居中，几种方式？4. React核心概念父子通信：React父子通信有几种方式？深层嵌套问题：深层次的嵌套这个数据传递，有什么解法？事件传递：有一些事件需要往下传的情况下，有什么解决方案？Class vs Hooks：平时是Class组件还是Hooks？Hooks优缺点：说一下Hooks的优缺点Hooks对比：用Hooks或者去写业务逻辑和用Class去写，他们有什么优缺点？5. React进阶问题状态管理：页面有很多数据，每一个数据都可能是用useState去创建或者更新，你是怎么去组织它或者管理它？列表渲染：在React里面循环的时候为什么一定要使用key？Hooks规则：Hooks为什么官网不建议我们在循环或者是在if判断里面去使用？6. 组件设计组件设计：拿一个你觉得做得不错的一个组件来说一下你是怎么做的。分几个方面：① Props的设计② 事件的交互③ 可控性来说，你怎么去思考这个东西？7. 学习与成长学习方式：平时是怎么学习前端技术的？技术信息获取：有哪些途径去了解一些前端的前沿技术？代码学习：你会去看GitHub上项目的代码吗？实践应用：看到一些比较不错的想法设计或代码风格，你会在项目里边去使用吗？反问：我的不足与业务