BFE.dev（bigfrontend.dev）

BFE.dev 是一个前端面试刷题平台，提供 600+ 前端题目，包括 JavaScript、React、TypeScript、CSS、前端系统设计等，被称为"前端版 LeetCode"。

#tech / dev / frontend #type / resource #status / evergreen #resource / bfe-dev #media / website #media / tool #topic / interview

[!info] related notes

BFE.dev（bigfrontend.dev）

简介

BFE.dev 可以理解为**“前端版 LeetCode”。它是一个用来练前端开发技能、准备前端面试、和全球开发者交流**的平台，覆盖前端常见题型，而不是只刷算法。

官网首页写的是：600+ 前端题，包括 JavaScript、React、TypeScript、CSS、前端面试题和前端系统设计等。

官方直接写了 “like LeetCode for Front-End”，强调 JavaScript 是前端核心、CSS 也是面试常见内容，React 和前端系统设计也占了相当大比重。

题目分类

BFE.dev 的题库大致分类如下：

分类说明
JavaScript CodingJavaScript 代码实现题
React CodingReact 代码实现题
JavaScript QuizJavaScript 测验题
React QuizReact 测验题
TypeScript PuzzleTypeScript 类型谜题
CSS QuestionCSS 布局和样式题
Front-End Interview Question前端面试常见问题
Front-End System Design前端系统设计题

适合练什么？

1. 原生 JavaScript 手写题

  • 手写数组方法（map、filter、reduce 等）
  • 节流（throttle）、防抖（debounce）
  • Promise 实现
  • 事件处理

2. CSS 题

  • 布局实现
  • 对齐方式
  • 盒模型理解
  • 视觉效果实现

3. 前端系统设计 / 组件设计题

  • Slider（滑块组件）
  • Carousel（轮播组件）
  • Nested Checkboxes（嵌套复选框）
  • Infinite Scroller（无限滚动）
  • WYSIWYG Editor（富文本编辑器）

第三类是 BFE.dev 最独特的部分，很多平台没有这么系统地收集前端组件/交互设计题。

使用体验

BFE.dev 主打一个比较完整的在线做题环境：

  • 类似 VS Code 的编辑器
  • TypeScript 支持
  • 可快速提交
  • 可本地执行
  • 方便查看题目 spec
  • 内置录屏
  • 社区交流（Discord、GitHub Discussions、Telegram）

适用人群

人群适合程度说明
前端初中级⭐⭐⭐⭐⭐练 JS/CSS/DOM 基础很合适
准备前端面试的人⭐⭐⭐⭐⭐有公司题、前端系统设计、React 题
已会写业务代码，但基础不扎实的人⭐⭐⭐⭐⭐能补手写能力和底层理解

与其他平台的区别

平台定位适合场景
BFE.dev前端题库 + 面试平台前端面试刷题、手写题、组件设计
Frontend Mentor项目实战社区完整真实项目开发、设计稿还原
JavaScript30小交互项目从零做小交互项目
LeetCode算法题库数据结构和算法

推荐刷题路线

补基础手写题

先刷 BFE.dev 的 JavaScript 和 CSS。

补组件交互思维

刷它的 system design / widget 题。

补项目感

拿 JavaScript30 或 Frontend Mentor 搭配练。

注意事项

BFE.dev 更像”前端题库 + 面试平台”，不是”项目实战社区”。如果想练的是完整真实项目开发、设计稿还原、页面审美和产品感，那 Frontend Mentor 这类会更强；如果想练从零做小交互项目，JavaScript30 会更直接。

相关链接

信息参考

创建于 2026/3/31 更新于 2026/5/27