Skip to content

前端面试题先看结论,再看追问

覆盖 JavaScript、浏览器、网络、CSS、框架、性能、工程化和手写题。

怎么用 ​

  1. 按侧边栏把一个主题过完。每题先读开头那句结论,合上页面用自己的话讲一遍。
  2. 对着「追问」自测。卡壳再回到「原理」,不要从原理开始背。
  3. 手写题先自己写,再对页面上的代码。场景题按「约束、方案、权衡、失败怎么办」来答。
  4. 用右上角搜索回查关键词,例如「闭包」「304」「Fiber」。

框架部分以 React 为主,Vue 3 用来对照响应式和状态管理。站点本身是 VitePress 文档,示例代码只说明问题,不依赖某一套业务脚手架。

题目模板 ​

新题都按这个结构写,考前可以只扫结论和易错点:

md
# 题目
一句话结论。

## 原理
## 追问
## 易错点
## 相关
  • 结论:能直接说出口的答案,一两句,放在标题下面。
  • 原理:把「为什么」讲清楚,只放最短的例子。
  • 追问:面试官下一步会问什么,以及怎么接。
  • 易错点:容易说错的事实,单独记住。
  • 相关:链到同一条知识线上的其他题。

建议顺序 ​

JavaScript 和浏览器先打底,再看网络、CSS。框架题默认你已经能讲清闭包、事件循环和渲染。性能和工程化放在后面,用来把前面的原理收成「页面为什么慢、包为什么大」。手写题和场景题最后拿来模拟面试。

ES6、Vue、React、Node、构建、算法、设计和 Git 按同一模板补过一轮,题目范围对齐常见前端题单。已经写过的题不重复开页面,侧边栏会指回原来的那一篇。