今天面试了一个半吊子前端人，瞬间崩溃

结束面试，坐下来缓了好久才平复心情

这位候选人，简历写得挺漂亮：“精通Vue/React”“熟练搭建前端架构”“独立负责项目模块”……看着像是能立马上手干活的主力。可我随便深挖几个问题，整个人就开始支支吾吾，技术漏洞全暴露了。

不是想嘲笑谁，而是觉得有必要把这场对话还原一下——给还在准备入行、实习、找工作的前端新人提个醒，也分享点真实职场里技术考察的“听音辨人”逻辑。

📌 Q1：你怎么判断一个前端项目的代码质量？

她说： “代码能跑起来、功能正常就行。”

专业视角应该是： 功能正常只是底线。要看代码结构是否清晰（模块化、组件化），是否遵循团队的编码规范（ESLint/Prettier），是否有可维护性（注释、文档），是否考虑了性能（渲染优化、包体积）和安全性（XSS防护）。更重要的是，是否有单元测试、可调试性如何。否则，项目初期能跑，后期必然变成“屎山”。

📌 Q2：如果页面在生产环境突然白屏，你怎么排查？

她答： “先刷新试试，不行就找后端。”

现实中，我们希望： 先打开浏览器控制台看报错信息，确认是资源加载失败、JS执行错误还是接口异常；接着用Sentry/监控平台定位错误堆栈和用户操作路径；如果是接口问题，查看网络请求状态和日志；如果是前端代码问题，结合SourceMap定位源码位置。最后，带着“错误现象+可能原因+临时解决方案”同步团队。主动定位问题，比甩锅更重要。

📌 Q3：前端工程化你常用哪些工具或流程？

她说： “就是用Webpack打包一下。”

可我们在意的是： 你有没有用Babel编译兼容、用ESLint规范代码、用Husky做Git提交前检查？会不会用Tree Shaking减少打包体积？是否配置过代码分割懒加载？是否用CI/CD自动化部署？更关键的是——你能否说清楚每一步解决什么问题？

📌 Q4：……………….

话不多说，给大家展示一些干货↓↓↓

总览：地址

因为篇幅原因，下面就只能截图部分内容展示了，有想要的小伙伴可以：
“点此即可”无偿领取完整文档

一、Vue面试题

二、 React面试题

三、小程序面试题

四、Webpack面试题

五、TypeScript面试题

六、Node.JS面试题

七、GIT面试题

八、其它面试题

以上：
https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material3