虾皮秋招前端一面凉经

发面经，攒人品，助力我早日oc1.对bff的了解？为什么要加入bff层？（结合我的实习经历）2.由于你的服务失败或者挂掉引入的问题，bff层的兜底策略？3.ws的心跳检测和自动重连机制？（个人项目）4.websocket和tcp的关联？有什么差别？是不是同一层？5.jwt是什么样的结构？怎么做的鉴权机制？6.jwt的token分为几个部分？7.介绍ssr和csr（我的项目中有用到）8.ssr的好处9.怎么提高网站的seo？（上个问题提到了seo）10.webpack的配置项、loader和plugin知道哪些？11.描述一下babel？怎么把es6编译成es5的？（面试官说ast）12.webpack的热更新？怎么做到不刷新浏览器去更新页面？13.git rebase 和 merge的区别？开发中习惯用哪个？14.开发过程中有没有遇到过跨域的情况？怎么解决的？（我提到了在webpack的devserver中区配置反向代理）15.所有的资源都会被同源策略拦截吗？16.tcp和udp的区别？tcp三次握手？为什么不可以2次？17.http的缓存策略？http的状态码？18.https和http的区别？为什么不用非对称加密做数据加密？19.xss和csrf介绍20.ts和js的区别21.js的事件循环机制？常见的微任务有哪些？22.为什么有时候没有用react的标签，但是还是要在顶部写import react from react?23.一直循环地执行setstate，会一直重复渲染吗？24.setsta之后立即拿状态，拿到的是新的还是旧的？25.讲一下快排算法的原理，时间复杂度？稳定吗？稳定的排序算法有哪些？26.怎么看待ai，ai在你的日常开发中充当什么角色？27.手撕：两个队列实现栈

最后一题真的似曾相识，但也没做出来

function A() {console.log("A");return <B />;}function B() {console.log("B");return <C />;}function C() {console.log("C");return null;}function D() {console.log("D");return null;}function App() {const [state, setState] = useState(0);useEffect(() => {setState((state) => state + 1);}, []);console.log("App");return (<div><A state={state} /><D /></div>);}const root = createRoot(document.getElementById("root"));root.render(<App />);这道题到底应该输出什么啊，问了三个AI给了三个答案。

介绍实习期间做的事情，可以重点讲一个项目（遇到的问题及解决方案）介绍在学校参与过的项目 项目深挖（性能优化）：详细说明项目中卡顿问题的具体场景和原因你是如何发现问题，并最终解决问题的？优化效果有没有具体的数据或指标可以呈现？为什么会用 FPS 这个指标来衡量列表性能？它是在什么场景下统计的？项目中的技术方案（虚拟列表等）是如何确定的？是导师指导还是自主调研落地的？整个优化工作大概花了多长时间？如果现在再让你解决类似的性能问题，预估多长时间能有结果？ 个人职业规划：你觉得自己是一个动手能力很强的人吗？你接触过后端、数据库等，为什么最终选择做前端？你对自己的长远职业规划是什么？你如何评估自己的抗压...