双非前端暑期腾讯pcg二面 噩梦缠绕
实习生当社招面，所有人全疯了
- 自我介绍
- 为什么选择前端
- 有没有接触过其他方向（写过一丢丢服务端）
- 用过哪些 AI 工具（说了平常用 AI 的用途，之前构想的单人异步工作流
- 从输入提示词到 AI 产出结果发生了什么（？？？先是想说 ReAct、Plan and execute 之类的，告诉我别说这些，就说 agent 做了什么）
- 你对提示词如何规范 AI 产出的理解，它到底做了些什么（只能说说列计划啊工具调用啊之类的）
- 怎么理解 harness engineering，有没有实践过（说了一下 skill 之类的，然后确认与 ai 的需求文档）
- 手撕：数字输出顺序，主要考事件循环
- 浏览器的渲染流程（从拿到 HTML 到页面显示，不过一面不是问过一遍了吗）
- 长列表页可能会渲染卡顿，怎么去做优化？（虚拟列表）
- 还有别的方案吗（分页请求）
- 普通的分页也行，还有别的方案吗（不是哥们我没做过性能优化说到这就可以了吧）
- 怎么用性能工具（F12，还有一些浏览器扩展）
- 如果不是 DOM 的问题呢（那就是 JS 的问题呗）
- 怎么去排查和优化呢（测量脚本运行时间，引入 memo 缓存运算结果，用 callback）
- 如果依赖外部状态，没法用 memo 呢（看它怎么计算的，用 wasm/WebGL，或者上 web worker 多线程）
- 为什么 WebAssembly 有帮助？（虚拟机更优越、无 GC 损耗、可以达到 JS 优化过后的性能）
- JS 一定比 WebAssembly 更慢吗？（很重的数值计算会有帮助）
- WebAssembly 适用哪些场景？（很重的数值计算的场景）
- 还有哪些办法可以优化？（优化 JS 体积、重写 JS 逻辑、降低 GC 开销）
- 用户反馈白屏时间过长，怎么考虑优化？（同步引入改异步引入、CSS URL 迁移到 HTML 里、精灵图、字体图标、看情况使用 base64、SSR）（还有懒加载之类的没说，不过说了也不会有更多帮助了）
- 还有什么办法？（我说这么些还不够吗）
- 有的时候引入 SSR 性能反而更差了，SSR 应该用在什么场景（首屏加载时间很重要、不太依赖和用户相关的状态）
- 为什么大部分情况 SSR 比 CSR 快（SSR 减少的是框架开销，但是 monaco 这种组件根本无法放在 SSR 里）
- SSR 依赖后端数据的话，白屏时间短了，但是可能出现 SSR 以后性能仍然不及预期的情况，还能继续优化吗？（还是得看它在渲染的时候做什么了，有没有出现框架开销之类的）
- 工程上还有什么优化的方法？（静态资源上 CDN）
- 为什么上 CDN 会更快？（物理距离更近、高频次访问缓存命中率高）
- 怎么找到物理距离最近的 CDN 的？（跟网络相关，域名绑定了若干 CDN 服务器）
- 整套查询流程是怎样的？（说了 DNS 查询的全流程，他问 CDN 我说 DNS 有点糖了）
- 除了 CDN 以外还有什么优化的方法？（都说 DNS 了那咱掰扯两句 DNS 优化呗）
- DNS 怎么优化？（我没做过，但是高频资源可以尝试放 DNS 缓存里、资源集中在同一 URL 里减少 DNS 查询次数、想办法把资源缓存在客户端里）
- 还有什么方法？（还要我说啥啊，服务器机房离用户位置更近？）
- 也可以，还有啥？（还可以设专用 CDN？？）
- 手撕，20 分钟让 AI 修 5 个 bug（修了其中 2 个，主要得看明白 AI 都干了些啥，以及整理代码和注释本身格式花了点时间）
- 手撕：15 分钟反转二叉树每一层的节点（没做过这种题，先做了个纯模拟，问有没有优化空间，把反转和建树的逻辑写一起了。还有优化空间吗？这我真没招了）
- Webpack 和 Vite 有什么区别
- 生产环境下又有什么区别（我大意了啊，这个没有看）
- 如何保存用户的偏好设置，使之离线也可以使用？（用 localStorage）
- 如果本地偏好和在线偏好冲突了怎么办？（再存时间戳，比较修改时间）
- 钟表是 7:15，时针分针夹角是多少？（我算是 11/6 pi，好像没算对？）
- 反问（实习生都会做有挑战性的任务，面试官做了很多的排版任务和比较复杂的图像关系，需要提升对技术细节的理解和深度）
