本文档事实性地概述了《前端开发人员面试问题》仓库中的面试问题类别。这些类别按主题领域组织问题，以帮助面试官有效评估候选人的前端开发技能。
有关仓库整体结构的信息，请参见仓库结构。
该仓库将面试问题组织成不同的类别，每个类别都包含在src/questions/目录下的独立 Markdown 文件中。
每个类别文件都包含一组重点问题，旨在评估与前端开发相关的特定技能和知识领域。
general-questions.md)通用问题侧重于广泛的软件开发概念、工作流程和最佳实践。示例包括：
html-questions.md)HTML 问题评估语义标记、文档结构和 HTML 功能的知识。问题涵盖：
css-questions.md)CSS 问题涵盖样式概念、布局技术、响应式设计和 CSS 最佳实践。主题包括：
来源：src/questions/css-questions.md7-44
javascript-questions.md)JavaScript 问题探讨核心语言概念、高级模式、DOM 操作和现代 JavaScript 功能。问题涉及：
this来源：src/questions/javascript-questions.md7-60
可访问性问题侧重于使所有用户（包括残障用户）都可以访问网页内容。这些问题在一个外部仓库中维护，并从主 README 中链接。
testing-questions.md)测试问题侧重于前端代码测试方法、工具和方法论。主题包括：
performance-questions.md)性能问题涉及优化网页性能、减少加载时间以及改善用户体验。问题涵盖：
network-questions.md)网络问题涵盖 HTTP、API 和客户端-服务器通信。主题包括：
coding-questions.md)编码问题为候选人提供了实用的编程挑战。示例包括：
来源：src/questions/javascript-questions.md62-72
fun-questions.md)趣味问题技术性较弱，更侧重于个人方面，关注项目、兴趣和灵感。问题包括：
来源：src/questions/fun-questions.md7-10
面试问题类别被构造成支持多语言翻译。
来源：src/translations/_template/README.md8-18
英文问题按类别存储在src/questions/目录下的单独文件中。翻译版本则按语言组织在src/translations/下的子目录中，每个语言目录都包含一个 README.md 文件，其中包含所有问题类别。
有关翻译系统的更多信息，请参见翻译系统。
每个问题类别文件都遵循带有 front matter 的标准 Markdown 格式。例如：
---
title: JavaScript Questions
layout: layouts/page.njk
permalink: /questions/javascript-questions/index.html
---
来源：src/questions/javascript-questions.md1-5 src/questions/css-questions.md1-5 src/questions/fun-questions.md1-5
问题本身被格式化为 Markdown 列表。
仓库明确指出，不建议对同一个候选人使用所有问题，因为这将花费数小时。相反，面试官应根据职位和他们希望评估的特定技能，从适当的类别中选择一部分问题。
| 面试场景 | 推荐类别 |
|---|---|
| 初级前端开发人员 | 通用、HTML、CSS、基础 JavaScript |
| 中级前端开发人员 | HTML、CSS、JavaScript、测试、性能 |
| 高级前端开发人员 | JavaScript、性能、网络、架构 |
| UI 开发人员 | HTML、CSS、可访问性、性能 |
| 前端 DevOps | 性能、网络、测试、构建工具 |
来源：README.md3-5
许多问题的开放性是故意的，正如 README 中所指出的：“请记住，其中许多问题都是开放性的，可能导致有趣的讨论，这些讨论比直接的答案更能说明一个人的能力。”
这使得这些问题不仅对评估技术知识有价值，而且对了解候选人如何思考和处理问题也很有价值。
这些问题类别文件作为使用 Eleventy 生成的静态网站的内容来源。Eleventy 静态站点生成器处理这些文件以创建网站的 HTML 页面，使问题可以在线轻松访问。
有关网站架构和静态站点生成的更多信息，请参见网站架构和使用 Eleventy 的静态站点生成。
刷新此 Wiki
最后索引时间2025 年 4 月 18 日(c8023c)