代码分析题
本文件按题型收录 代码分析题 相关前端面试题索引。 共收录 78 道题（基础 27 / 进阶 34 / 深入 14 / 架构 3）。 每道题都附带完整参考答案与评分维度，点击链接可查看原文。
基础题（27 道）
JavaScript（5 道）
- FB-01-CA-B-001 == 和 === 的区别？什么情况下推荐使用 ==？
- FB-01-CA-B-002 下面代码的输出是什么？
- FB-01-CA-B-003 下面代码的输出是什么？
- FB-01-CA-B-004 下面代码的输出是什么？
- FB-01-CA-B-005 下面代码的输出是什么？如何正确输出 0、1、2？
TypeScript（3 道）
可访问性（a11y）（1 道）
构建工具（3 道）
- FB-10-CA-B-001 分析下面 Webpack 配置中 noParse 和 alias 的作用
- FB-10-CA-B-018 分析下面 Webpack 配置中 chunkFilename 和 publicPath 的作用。
- FB-10-CA-B-019 分析下面 Webpack 配置中 output.library 的作用
代码质量与测试（3 道）
- FB-13-CA-B-001 下面 Jest 测试的输出和结果是什么？
- FB-13-CA-B-002 下面 Jest 测试的输出和结果是什么？
- FB-13-CA-B-003 下面这段 Jest 代码中的断言会成功吗？
React（2 道）
Vue（1 道）
AI 工程化（2 道）
开发者体验与工程效能（1 道）
部署与 SRE（1 道）
包管理与供应链安全（1 道）
可视化与图形（1 道）
Flutter（1 道）
WebAssembly（1 道）
低代码（1 道）
进阶题（34 道）
JavaScript（4 道）
- FB-01-CA-A-001 下面代码的输出是什么？
- FB-01-CA-A-002 setTimeout 一定准时执行吗？
- FB-01-CA-A-003 下面代码的输出顺序是什么？
- FB-01-CA-A-004 解释 async/await 的执行过程，下面代码输出什么？
TypeScript（1 道）
Browser（1 道）
计算机网络（1 道）
Web 安全（1 道）
HTML/CSS（3 道）
可访问性（a11y）（1 道）
构建工具（4 道）
- FB-10-CA-A-001 分析下面 Webpack 配置的作用与产物结构。
- FB-10-CA-A-002 分析以下 splitChunks 配置可能产生的问题及优化方向
- FB-10-CA-A-013 分析下面代码中 Tree Shaking 为什么会失效。
- FB-10-CA-A-014 分析下面 Rollup 配置中 external 和 globals 的作用
代码质量与测试（4 道）
- FB-13-CA-A-001 Jest 中如何使用 fake timers 测试下面的代码？
- FB-13-CA-A-002 下面 React 测试为什么会报 “not wrapped in act(...)” 警告？如何修复？
- FB-13-CA-A-003 下面 React Testing Library 的测试为什么没有触发 onChange？
- FB-13-CA-A-004 下面这段 Jest 异步测试为什么会出问题？
React（2 道）
Vue（1 道）
跨端技术（1 道）
AI 工程化（1 道）
Node.js / BFF（2 道）
开发者体验与工程效能（1 道）
部署与 SRE（1 道）
包管理与供应链安全（1 道）
性能工程（1 道）
鸿蒙 ArkTS / HarmonyOS（1 道）
WebAssembly（1 道）
WebGPU / 图形学（1 道）
深入题（14 道）
JavaScript（2 道）
Web 安全（1 道）
HTML/CSS（1 道）
代码质量与测试（3 道）
- FB-13-CA-P-001 下面异步测试代码存在什么问题？如何修复？
- FB-13-CA-P-002 下面的测试代码存在什么时序问题？如何修复？
- FB-13-CA-P-003 下面这段异步测试代码存在竞态条件吗？