前端工程化面试题解析

标签题目

前端工程化相关面试题

这题考察缓存策略设计和强制刷新手段。核心是按资源类型制定策略，并通过改变 URL、改变缓存头或清理运行时缓存让客户端拿到新内容。

这题考察 CSS 工程化理解。回答要说明 CSS 是原生语言，Tailwind 是 utility-first 框架，并比较组织方式、约束、构建和维护成本。

这题考察 SSR 全链路理解。回答要说明服务端渲染、数据获取、HTML 注水、客户端 hydration、构建产物和 Next.js 与 Vite 的职责差异。

这题考察 TypeScript 的类型系统边界和工程价值。高质量回答要讲清它是编译期约束、最终运行仍是 JavaScript，并补充外部数据、any 和运行时校验的边界。

这题考察 Webpack 从入口构建依赖图、转换模块、生成 chunk 和注入运行时代码的完整链路。回答要区分模块、chunk、bundle、loader、plugin 和 runtime。

这题考察 Webpack 扩展机制的职责边界。高质量回答要说明 loader 处理单个模块内容，plugin 参与构建生命周期，并能说清执行时机和典型场景。

这题考察 HMR 的端到端链路：文件监听、增量编译、WebSocket 通知、客户端拉取更新、模块 accept 和无法处理时回退刷新。

这类追问考察的不是候选人是否能临场再写一个完美版本，而是能否在完成代码后进行工程化复盘：先确认核心逻辑正确，再有层次地说明边界、复杂度、可读性、可维护性、前端运行环境和测试保障上的可改进空间，同时避免把已有答案说成完全不可用。

这题考 Skill 不可靠时如何用 Workflow 和 System Prompt 固定主流程。答案要覆盖能力探测、节点契约、流程骨架、受控执行、重试降级、前端确认和提示词护栏。

这题考前端 AI 流式输出的传输取舍。答案要说明 SSE 适合单向 token 流，WebSocket 适合强双向实时控制，并覆盖重连、代理、鉴权、取消、背压和兼容性。

这题考前端工程师能否把 AI 生成 ECharts 配置当成不可信输入处理，并设计校验、降级、重试、观测和测试闭环，保证图表功能稳定可用。