百度前端面试题汇总 (2025/2026)

2 小时前更新

整理自牛客网多位作者的面经，涵盖了基础理论、框架应用、架构设计及实战算法。

📂 1. 个人与项目

闭包：什么是闭包？请手写一个简单的闭包。
原型链：
- 介绍原型链的概念。
- 对象字面量的原型是什么？Object 的原型是什么？
Promise 深度理解：
- Promise 的基本原理。
- 手写题：Promise 串行调用 vs 并行调用。
- 如果不使用 Promise.all，如何实现并行处理并捕获异常？
- 如何将 Promise 改写为 async/await 场景？
事件循环 (Event Loop)：
- 宏任务与微任务的区别。
- 看代码写出执行结果（Promise、setTimeOut、async 混写场景）。
V8 垃圾回收 (GC)：
- 新生代与老生代的回收算法有何差异？
- 如何在复杂页面中排查并解决内存泄漏（如百度贴吧长帖页）？
响应式原理：Object.defineProperty 如何弥补数组响应式的不足？
跨域方案：列举常见的跨域解决方法（CORS, JSONP, Proxy 等）。
事件机制：详解冒泡与捕获过程及其应用。

Vue 2 vs Vue 3：
- 核心差异有哪些（Composition API, Proxy vs defineProperty, Tree-shaking）？
Webpack 工程化：
- 代码分割 (Code Splitting) 的实现方式有哪些？
- 如何通过代码分割优化首屏加载体积（例如百度地图 Web 端）？
前端工程化实践：简述你对前端工程化的理解（规范、构建、部署、监控）。
Git 常用命令：git rebase 的作用是什么？它与 merge 的区别？

浏览器渲染原理：从输入 URL 到页面显示的完整过程。
回流 (Reflow) 与重绘 (Repaint)：
- 两者的区别是什么？
- 在“无限滚动加载”功能中，如何避免频繁操作导致的回流问题？
HTTPS 握手过程：
- 证书验证的具体流程是什么？
- 为何金融类页面（如百度金融）必须禁用 HTTP 降级？
状态管理与实时场景：
- 百度翻译：如何设计前端状态管理方案来支持多语言、翻译历史和离线缓存？
- 百度直播：基于 WebSocket 设计可靠的消息推送方案，如何在 100ms 延迟内保证高并发下消息不丢不重？
存储与缓存：
- cookie 与 localStorage 的区别？在哪些场景下 cookie 更好？
- 服务器端会保存哪一个？什么是 HttpOnly？
图形学基础：Canvas 与 SVG 的优劣对比及适用场景。
RequestAnimationFrame：介绍其作用及相比于 setInterval 的优势。