Skip to content
错题本 0已完全掌握 0正在读取本地学习状态…
先想一想,再看答案

复习计划与自测清单 ​

七天复习安排 ​

每天建议 1.5~2 小时,可按已有掌握程度压缩。若只剩一天,优先做文末冲刺路线。

天数内容当天产出
第 1 天HTML/CSS 与 JavaScript 类型、作用域、闭包口述 10 题,手画盒模型与原型链
第 2 天this、拷贝、异步与浏览器独立解释事件循环输出,完成防抖/节流
第 3 天网络、安全与 TypeScript画缓存判断流程,说明跨域与攻击防护
第 4 天目标框架,React/Vue 任选其一用自己的组件讲状态变化与生命周期
第 5 天工程化、性能与测试整理一次性能或稳定性问题的证据链
第 6 天手写题、业务场景题完成并发控制、去重、树结构,核对边界
第 7 天项目介绍与模拟面试2 分钟项目介绍,完成一轮 45 分钟模拟

一天冲刺路线(约 5 小时,按情况休息) ​

  1. 60 分钟:闭包、this、原型、Promise、事件循环。
  2. 45 分钟:盒模型、Flex/Grid、缓存、跨域、XSS/CSRF。
  3. 60 分钟:目标框架的状态、响应式、key、副作用与清理。
  4. 60 分钟:独立完成防抖、并发控制、输出题,并跑配套练习。
  5. 45 分钟:项目介绍、性能排障、竞态、刷新令牌等场景。
  6. 30 分钟:只复述错题,整理最后 5 个薄弱点。

掌握等级 ​

  • 0:看答案仍不理解。
  • 1:看答案能理解,但不能独立讲清。
  • 2:能独立解释,并写简单例子。
  • 3:能结合真实项目,回答边界、取舍与追问。

先把关键基础提升到 2,再把岗位核心技术和项目经验提升到 3。

自测清单 ​

  • [ ] 能解释 const 为什么允许修改对象属性。
  • [ ] 能举例说明 this 与闭包的区别。
  • [ ] 能区分浅拷贝、循环引用与共享引用。
  • [ ] 能逐步分析同步、微任务与定时器输出。
  • [ ] 能说清 Promise 组合 API 的失败和取消行为。
  • [ ] 能说明 BFC、Flex 与 Grid 的适用场景。
  • [ ] 能解释 sticky 失效与 Flex 子项溢出。
  • [ ] 能区分 no-cache 与 no-store。
  • [ ] 能说明 CORS 为什么不能代替鉴权。
  • [ ] 能区分 XSS 与 CSRF,并给出实际防护措施。
  • [ ] 能解释 TypeScript 为什么不能替代运行时校验。
  • [ ] 能讲清目标框架的更新、节点身份与副作用清理。
  • [ ] 能写防抖、节流,并说出首尾触发约定。
  • [ ] 能写并发控制,说明顺序、失败与取消边界。
  • [ ] 能用工具证据描述一次性能排障。
  • [ ] 能讲清项目里本人负责的部分和方案取舍。
  • [ ] 能处理请求乱序、重复提交与登录过期。

45 分钟模拟面试 ​

  • 5 分钟:自我介绍和项目背景。
  • 10 分钟:从 01~04 章随机选 5 题,每题继续追问一次。
  • 10 分钟:目标框架 3 题,TypeScript/工程化 2 题。
  • 12 分钟:并发控制或树结构手写,解释复杂度和边界。
  • 5 分钟:真实项目问题,要求说明证据和方案取舍。
  • 3 分钟:向面试官了解团队技术挑战、职责与质量流程。

错题记录模板 ​

日期题目当前分数 0~3遗漏的关键点下次复习

复习时优先重做之前答错的题;第二次能脱稿讲清并解释边界,再标记掌握。

框架深度复习补充 ​

  • [ ] React:能区分 JSX、Element、Fiber 与 DOM。
  • [ ] React:能说明 Effect 与类生命周期为何不能机械一一对应。
  • [ ] React:能画出 current/workInProgress,并解释 render 与 commit。
  • [ ] React:能区分 Lane、Scheduler、Reconciler 的职责。
  • [ ] React:能解释并发渲染为何不等于多线程,以及长函数为什么仍会卡顿。
  • [ ] Vue:能对照 Vue 2/3 生命周期,并说明普通同步父子组件顺序的适用前提。
  • [ ] Vue:能解释 watch 数据源、flush、深层观察和异步请求清理。
  • [ ] Vue:能说明 defineProperty 与 Proxy 的差异,以及 Vue 2.7 的边界。
  • [ ] Vue:能串起模板编译、render、VNode、依赖触发与 patch。
  • [ ] Vue:能用列表例子解释 LIS 为什么能减少复用节点移动。
  • [ ] Vue:能提出包含依赖盘点、回归、兼容与验收的 Vue 2/3 迁移方案。

每个框架可额外安排两轮:先用一轮掌握 API 和生命周期,再用一轮口述原理、画图并结合项目回答追问。

全栈进阶路线(四周) ​

已有的七天计划适合前端冲刺;下面路线用于逐步补足端到端能力,不要求先选定某门后端语言。

阶段专题必须能解释的成果
第 1 周后端通用、网络安全一次登录请求、认证/授权、错误契约、幂等与超时
第 2 周数据库建模与唯一约束、索引、执行计划、事务与并发写入
第 3 周Redis数据类型、缓存失效、故障回源、持久化、锁的限制
第 4 周设计原则、系统设计状态机、消息重复、可靠事件、限流、观测与恢复

每周用一个任务管理或小型订单业务做贯穿练习:先写 API 契约与表结构,再画数据流及故障时间线;即使暂不实现服务端,也要能解释并发、超时和权限边界。决定实践语言后,再将这些设计落实到代码。

全栈自测 ​

  • [ ] 能区分认证和授权,并说明资源所有权校验的位置。
  • [ ] 能解释唯一约束为何比“先查是否存在”更能保障并发正确性。
  • [ ] 能用库存例子解释事务、条件更新和幂等。
  • [ ] 能说明执行计划、数据分布和索引成本的关系。
  • [ ] 能区分隔离级别、快照与可串行化,不混用数据库实现细节。
  • [ ] 能解释缓存穿透、击穿、雪崩及不同治理方式。
  • [ ] 能画出数据库写入与缓存失效之间的竞态。
  • [ ] 能解释 Redis 租约过期后旧持有者继续执行的风险。
  • [ ] 能说明超时不代表操作失败,以及何时可以安全重试。
  • [ ] 能区分消息重复、乱序与丢失,设计幂等与补偿。
  • [ ] 能用状态机明确订单允许的转移和异常回调处理。
  • [ ] 能从前端错误反馈一路追踪到接口、数据库和监控。

先尝试回答,再展开答案。每天进步一点。