登录 注册

Front-end-Developer-Interview-Questions

去点 Star
教育与学习 css-questionsfront-endhtml-questionsinterview-questionsinterview-testjs-questions
60,846
Stars
10,955
Forks
2,157
Watchers
61
Open Issues
MIT
许可证
Nunjucks
语言
2012-02-09
创建时间
2026-11-09
最近更新

项目能做什么

前端面试问题精选列表,可用于面试候选人或个人技术自测。
来源:AI 基于仓库事实生成 · 内容以仓库实际 README 为准

使用说明 查看原始 README 原仓库文档

中文使用说明暂未生成。下面保留原仓库 README 摘录,命令与配置均以原文为准。
原始 README 摘录(英文原文,节选前 3000 字符)
# Front-end Developer Interview Questions

This repository contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require.

**Note:** Keep in mind that many of these questions are open-ended and could lead to interesting discussions that tell you more about the person's capabilities than a straight answer would.

You can read more about this project & its history [here](https://h5bp.org/Front-end-Developer-Interview-Questions/about/).

## Table of Contents

  1. [General Questions](src/questions/general-questions.md)
  2. [HTML Questions](src/questions/html-questions.md)
  3. [CSS Questions](src/questions/css-questions.md)
  4. [JS Questions](src/questions/javascript-questions.md)
  5. [Accessibility Questions](https://scottaohara.github.io/accessibility_interview_questions/) (external link)
  6. [Testing Questions](src/questions/testing-questions.md)
  7. [Performance Questions](src/questions/performance-questions.md)
  8. [Network Questions](src/questions/network-questions.md)
  9. [Coding Questions](src/questions/coding-questions.md)
  10. [Fun Questions](src/questions/fun-questions.md)

## Getting Involved

  1. [Contributors](#contributors)
  2. [How to Contribute](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/.github/CONTRIBUTING.md)
  3. [License](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md)


The project is currently maintained by:

- [@roblarsen](https://github.com/roblarsen)

## Contributors

Feeling inspired? Check our [Contributing guide](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/main/.github/CONTRIBUTING.md) to get started!

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="16.66%"><a href="http://darcyclarke.me/"><img src="https://avatars2.githubusercontent.com/u/459713?v=4?s=120" width="120px;" alt="Darcy Clarke"/><br /><sub><b>Darcy Clarke</b></sub></a><br /><a href="#ideas-darcyclarke" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/commits?author=darcyclarke" title="Documentation">📖</a> <a href="#infra-darcyclarke" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/pulls?q=is%3Apr+reviewed-by%3Adarcyclarke" title="Reviewed Pull Requests">👀</a> <a href="#question-darcyclarke" title="Answering Questions">💬</a> <a href="#talk-darcyclarke" title="Talks">📢</a> <a href="#maintenance-darcyclarke" title="Maintenance">🚧</a></td>
      <td align="center" valign="top" width="16.66%"><a href="http://about.me/
阅读完整原文

商业机会分析 AI 生成

前端深度面试解析与知识库(内容付费/买断制产品)

产品构想基于该项目开源的高频问题清单,组织资深工程师编写涵盖原理、源码实现、最佳实践及大厂考点的完整答案解析,包装为现代交互式知识库或电子书出售。
核心功能原题全量深度答案与追问指南、现代前端(React/Vue/Node/工程化)扩展专题、代码沙盒可交互演练、离线 PDF/EPUB 导出
目标用户正在准备跳槽或校招的前端开发者
难度/周期低 · 2-4 周 · 成本:主要为内容编写与整理时间成本,静态文档网站托管近乎零成本
收费模式买断制付费阅读(Gumroad / 微信小商店 / 面包多),定价 29-99 元
竞争风险网络上免费前端面试题答案较多,纯文本内容容易被盗版和快速传播
依据 已验证事实

AI 前端模拟面试与即时反馈助手

产品构想利用大模型将题库转化为开放式交互面试官,针对用户口头或文本回答进行追问、评级并给出改进建议,还原真实技术面试流程。
核心功能基于该题库的自适应追问机制、语音输入与实时语音对话、多维度评分报告(技术准确度、沟通表达、深度扩展)、弱项知识点专项突击
目标用户缺乏实战面试经验、需要克服面试紧张感的前端求职者
难度/周期中等 · 1-2 个月 · 成本:Web 托管服务器 + LLM API 调用费用(按使用量计费)
收费模式免费试听 1-2 场,后续采用代币/次数包(如 30 元 5 次模拟面试)或月度会员订阅制
竞争风险大模型在深度前端代码评估上可能存在幻觉,API 成本需严格控制
依据 AI推测

中小团队前端技术招聘与自动化初筛 SaaS

产品构想面向没有专职资深前端的高管或技术招聘人员,基于题库快速生成定制化技术笔试题与面试评估问卷,并提供标准化参考答案与评分指南。
核心功能按岗位层级(初级/中级/高级)一键生成面试大纲、在线协同打分表、防作弊在线初筛问卷、候选人能力雷达图
目标用户初创公司 CTO、缺乏前端背景的技术面试官、猎头及 HR
难度/周期中等 · 1-2 个月 · 成本:云服务器、基础数据库、域名与邮件服务
收费模式B端 SaaS 订阅(月费/年费)或按次购买面试测评包(如 99 元/5 份职位模版)
竞争风险B端销售链路长,中小团队更习惯使用已有大平台(如牛客、HackerRank)或直接口头面试
依据 尚需验证的假设
AI 基于仓库公开数据分析生成,含推测成分,不构成收益承诺。
报告会保存到 个人中心

竞品与相似项目 GitHub Search 真实检索

项目中文简介Stars语言
yangshun/front-end-interview-handbook 中文介绍暂未生成
Front End interview preparation materials for busy engineers
44,003 JavaScript
cirosantilli/china-dictatorship 中文介绍暂未生成
反中共政治宣传库。Anti Chinese government propaganda. 住在中国真名用户的网友请别给星
3,333 HTML
gege-circle/.github 中文介绍暂未生成
这里是GitHub的草场,也是戈戈圈爱好者的交流地,主要讨论动漫、游戏、科技、人文、生活等所有话题,欢迎各位小伙伴们在此
2,093 -
FEGuideTeam/FEGuide 中文介绍暂未生成
【前端面试题+前端学习+面试指南】 一份涵盖大部分前端工程师所需要掌握的核心知识。这个项目就是为了帮助那些找工作的前端开
1,190 -
Saran-pariyar/100_Days_Of_Frontend_Interview_Questions 中文介绍暂未生成
500 HTML, CSS, JavaScript, ReactJS & Typescript Interview Q
593 -
jetheredge/SquishIt 中文介绍暂未生成
Lets you *easily* bundle some css and javascript! Check out
458 HTML
以上为通过 GitHub 官方 Search API 检索的相似项目,功能差异与优劣势需进一步人工确认,配置 AI 后可生成对比分析。

项目优势与风险

技术成熟度创建于 2012-02-09,近 30 天仍在推送
社区活跃Star 60,846 / Fork 10,955 / Issue 61(数据支持,可自行核实)
许可证MIT
主要风险上游项目方向可能变化;同赛道竞争者较多(见竞品表);热度与需求不完全等价

安装与使用

快速开始(以仓库 README 为准)
git clone https://github.com/h5bp/Front-end-Developer-Interview-Questions.git
cd Front-end-Developer-Interview-Questions
# 请阅读仓库 README 获取确切安装步骤(依赖、配置、启动命令)
阅读原仓库文档
术语说明:Docker=应用容器(把程序和依赖打包运行);API Key=调用外部服务的密钥;Git Clone=把仓库代码下载到本地。常见错误:API Key 未配置 / 端口占用 / 数据库连接失败,多数项目在 README 的 Troubleshooting 章节有说明。