前端手写题太折磨了

从三月初开始投简历投了12家，b站、滴滴、vivo、快手、小红书都是直接简历挂了。京东一面挂了，腾讯今天刚一面，这想下去什么时候才能找到实习

在前端性能优化中，懒加载几乎是必考概念。但很多人一提懒加载，只能说出两句话：路由懒加载用 import()图片懒加载用 IntersectionObserver这在真实项目和面试中，远远不够。这篇文章从加载对象、作用层级、真实业务动机三个维度，系统讲清楚——前端里到底有哪些懒加载，以及它们各自解决什么问题。什么是懒加载？一句话定义：懒加载 = 把“现在不需要的东西”，从初始化阶段推迟到真正需要时再加载。本质目标只有三个减少首屏资源体积降低初始化 JS 执行压力提升关键性能指标（FCP / LCP / TTI）前端懒加载的完整分类总览可以按 懒什么 来分类：分类懒加载对象路由级懒加载页面模块组件...

1. 自我介绍2. Monorepo 架构实现（代码位置 + 配置）3. AI 模块如何拆分（放在哪里）4. 双 token 如何实现 + 自动续期 + 无感刷新5. 无感刷新下请求队列问题（分页错乱）双token无感刷新下，如果存储的历史请求队列中的请求再次请求，会有什么问题？比如分页请求数据，原本请求page=1，此时access_token过期，接着再次点击下一页，导致在分页的情况下有两次请求(请求到不同的页下的数据)，原本只希望出现一页的数据，此时出现两页的数据，如何解决这个bug问题？6. 项目与市面产品差异，优点7. AI对话是否与项目是否有强关联的关系？为什么这样？8. AI对话下上下文记忆的实现9. 详细介绍SSE，以及为什么不用websocket，他们两个有什么区别？常见的chatgpt等对话模式中为什么要用SSE，解决了什么问题？10. 为什么AI智能对话需要使用流式输出？不用其他的11. 介绍前端埋点SDK如何实现12. 介绍埋点中的web性能指标(FP/FCP/LCP/INP/CLS)的每个的详细含义13. 说明以上性能指标中你认为哪一个是最重要的？为什么？14. 讲述如何优化spa应用白屏，从哪几个方面可以优化这个问题？15. 说说对于你使用过的vue，react，svelte这三个框架，更擅长，喜欢使用哪一个框架，为什么？16. 说说为什么在react框架中为什么需要使用单标签？原理是什么？17. 详细说说缓存机制18. https 建立连接的原理，如何建立连接19. 说说http有哪几个版本，以及他们的不同之处（区别）20. 使用过哪些 AI 工具或者 AI 辅助开发的编辑器？21. 反问环节：1. 提到GitHub主页链接，不要轻易放GitHub链接上去，除非有很好的项目以及参与过一些开源项目，说说我的的 GitHb 仓库提交过多少次？感觉哪一个项目在上面最好？为什么？2. 简历很优秀，但是内容过导致字体比较小

面试官人挺好的，问了超级多，面了差不多有四十分钟，就单纯问项目和八股，以及结合项目拓展的一些场景八股如下：CSS中position有哪些取值absolute是相对于什么进行定位的CSS中除了px还有哪些单位flex布局常用属性有哪些箭头函数和普通函数的区别解释事件循环机制，微任务包括哪些，宏任务包括哪些如何保证页面动画的流畅性（CSS动画和JS动画）浏览器存储数据的方式有哪些localStorage和sessionStorage区别两个页面的sessionStorage是互通的吗同源策略是什么，为什么需要这个HTTP和HTTPS有什么区别GET和POST请求区别canvas元素了解吗，如何用它...