前端开发二面面经
完整信息
本篇目录
## 二面|10‑23 技术面(约 70min)
重点:浏览器全套八股、Vue、工程化、大文件上传、AI Agent 理论、手写选择器代码
1. 自我介绍,梳理实习与个人 Agent 项目。
2. 浏览器事件循环机制,宏任务微任务区别、队列清空规则,requestAnimationFrame 执行时机。
3. 浏览器完整页面渲染流程,DOM 树、CSSOM、渲染树、重排重绘、图层合成;哪些操作会触发重排。
4. script 标签 defer 与 async 的差异。
5. Symbol 相关 API 以及内置 well‑known 符号的用法。
6. CSS 选择器优先级、属性选择器语法、CSS 继承规则。
7. Vue3 Proxy 响应式原理,ref 和 reactive 的区别。
8. Webpack 与 Vite 核心差异。
9. 前端性能优化从网络、CSS、JS、框架、工程化分别说方案。
10. Monorepo 仓库的构建优化手段。
11. 大文件分片上传如何做提速、断点续传、并发控制。
12. RAG 场景下提示词注入有哪些防护手段。
13. 自研 Agent 如何做评测、可观测性、控制 token 成本。
14. 手写代码:实现精简版 querySelector,仅支持类选择器、后代选择器。
15. 反问:询问团队业务分工、Agent 工作流防跑偏方案、外部模型报销、新人培养机制。
二面复盘:考察覆盖面极广,前端基础 + 工程 + AI Agent 都覆盖,两道手写代码,二面通过进入三面。#秋招面试记录#
本篇目录
当前问题0115
- 01
自我介绍,梳理实习与个人 Agent 项目。
- 02
浏览器事件循环机制,宏任务微任务区别、队列清空规则,requestAnimationFrame 执行时机。
- 03
浏览器完整页面渲染流程,DOM 树、CSSOM、渲染树、重排重绘、图层合成;哪些操作会触发重排。
- 04
script 标签 defer 与 async 的差异。
- 05
Symbol 相关 API 以及内置 well‑known 符号的用法。
- 06
CSS 选择器优先级、属性选择器语法、CSS 继承规则。
- 07
Vue3 Proxy 响应式原理,ref 和 reactive 的区别。
- 08
Webpack 与 Vite 核心差异。
- 09
前端性能优化从网络、CSS、JS、框架、工程化分别说方案。
- 10
Monorepo 仓库的构建优化手段。
- 11
大文件分片上传如何做提速、断点续传、并发控制。
- 12
RAG 场景下提示词注入有哪些防护手段。
- 13
自研 Agent 如何做评测、可观测性、控制 token 成本。
- 14
手写代码:实现精简版 querySelector,仅支持类选择器、后代选择器。
- 15
反问:询问团队业务分工、Agent 工作流防跑偏方案、外部模型报销、新人培养机制。
