本文档概述了前端开发人员面试问题仓库中的通用问题和测试问题部分。这些部分包含非技术性且侧重于测试的面试问题，与在其他部分中找到的技术特定问题相辅相成。有关技术特定问题的信息，请参阅HTML 问题、CSS 问题和JavaScript 问题。
通用问题部分包含一系列多样化的问题，旨在评估候选人对 Web 开发的整体方法、工作流程实践、行业知识和专业视角。与技术特定部分不同，这些问题侧重于更广泛的概念、专业经验和开发人员偏好。
来源： src/questions/general-questions.md7-36
通用问题部分包含 30 个问题，涵盖了几个关键领域
| 类别 | 示例问题 |
|---|---|
| 学习与发展 | "你昨天/这周学到了什么？", "编码最让你兴奋或感兴趣的地方是什么？" |
| 问题解决 | "你最近遇到的技术挑战是什么？你是如何解决的？" |
| 性能 | "在构建新网站或维护现有网站时，你能解释一下你使用过哪些提高性能的技术吗？" |
| 搜索引擎优化 | "你能描述一下你最近使用过哪些 SEO 最佳实践或技术吗？" |
| 安全 | "你能解释一下前端安全方面常见的技术或最近解决的问题吗？" |
| 代码质量 | "在最近的项目中，你个人采取了哪些措施来提高代码的可维护性？" |
| 工作流程与环境 | "谈谈你偏好的开发环境。", "你熟悉哪些版本控制系统？" |
| 渐进增强 | "你能描述一下渐进增强（progressive enhancement）和优雅降级（graceful degradation）的区别吗？" |
| 资源优化 | "你会如何优化网站的资产/资源？" |
| 标准与可访问性 | "解释标准和标准机构的重要性。", "解释 ARIA 和屏幕阅读器是什么，以及如何使网站具有可访问性。" |
| 渲染方法 | "描述 SSR 和 CSR 之间的区别。讨论它们的优缺点。" |
来源： src/questions/general-questions.md7-38
通用问题部分侧重于前端开发人员专业知识的四个主要维度
来源： src/questions/general-questions.md7-38
测试问题部分专门侧重于前端开发中的代码测试方法、工具和最佳实践。本部分虽然较小，但解决了现代 Web 开发中质量保证的关键方面。
来源： src/questions/testing-questions.md7-11
测试问题部分涵盖了 5 个关键问题，侧重于代码测试的不同方面
| 问题类别 | 重点领域 |
|---|---|
| 测试的优势/劣势 | 理解测试的价值和局限性 |
| 测试工具 | 了解测试框架和实用工具 |
| 测试类型 | 区分单元测试、功能测试和集成测试 |
| 代码质量工具 | 理解 Linting 和静态分析工具 |
| 测试最佳实践 | 了解测试方法和策略 |
来源： src/questions/testing-questions.md7-11
通用问题和测试问题部分在仓库结构中以独立的 Markdown 文件形式组织，与其他问题类别并列
来源： src/questions/general-questions.md src/questions/testing-questions.md
这两个文件都遵循一致的结构，包含 Eleventy front matter 和 Markdown 内容
---
title: [Section Title]
layout: layouts/page.njk
permalink: /questions/[section-name]/index.html
---
* Question 1
* Question 2
* Sub-question
...
front matter 定义了
问题内容采用简单的项目符号格式，便于阅读和维护。
来源： src/questions/general-questions.md src/questions/testing-questions.md
通用问题和测试问题通过评估前端开发人员除了纯粹的技术知识之外所必需的更广泛的技能和视角，从而补充了技术特定问题。
来源： src/questions/general-questions.md src/questions/testing-questions.md
通用问题和测试问题提供了
这些部分通过以下方式帮助候选人准备
通用问题和测试问题部分提供了重要的非技术性问题，用于评估候选人对前端开发的整体方法、专业实践和质量保证方法。尽管它们比技术特定部分小，但它们提供了对候选人更广泛技能和视角的宝贵见解，这些对于前端开发岗位的成功至关重要。