Java 后端（5 年）→ 全栈：6 个月面试冲刺路线图

目标：React + TypeScript 全栈 · 3–6 个月 · 兼顾大厂 / 中小厂 / 外企远程 · 2026 年 8 月版

标签说明

01 · 先说三个结论#

这三条决定你剩下 6 个月怎么分配时间，比任何技术清单都重要。

① 你不是转行，是加技能——别把时间投错地方#

5 年经验的定价锚仍然是后端深度。全栈岗的面试里前端通常只占 20–30% 的提问权重，但后端答砸了直接出局。所以时间分配应该是 前端 40% / 后端复习 35% / 项目与简历 25%，而不是一头扎进前端。

② 前端只需要到"能独立交付并解释每个决策"的程度#

不需要手写 Fiber 调度器、不需要读 diff 源码。标准是：给你一个中后台需求，你能从库表设计做到上线，并且面试官追问"为什么这么选"时你答得出取舍。

③ 面大厂投后端，面中小厂/外企投全栈——同一份准备，两版简历#

国内大厂前后端分工很细，全栈岗少；你的 5 年经验投大厂应该投后端岗，全栈能力作为加分项。而中小厂 / ToB / 外企远程恰恰把"一个人能端到端交付"当核心卖点。准备一次，简历侧重两套。

02 · 框架选型：React 主修，Vue 留一周#

你的目标里同时有大厂和外企远程，所以 React + TypeScript 是主线——国内一线大厂 React 占比约 60–70%，海外市场差距更大（React 全球使用率约为 Vue 的两倍以上）。

但不要只学 React。国内中小厂、ToB、政企外包大量用 Vue 3 + Element Plus，完全不碰 Vue 等于砍掉一半岗位池。做法是：React 学到能造轮子，Vue 3 花 1 周学到能读懂、能改、能在面试里说清它和 React 的心智差异（响应式 vs 重渲染、模板 vs JSX、Composition API 与 Hooks 的对应关系）。

例外：如果你现在公司已经在用 Vue，就主修 Vue、React 速览——手上有真实项目比框架本身更值钱。只有目标明确包含海外远程时，才值得为 React 从零开始。

03 · 技能清单：学什么、学到什么程度#

【必学】TypeScript#

你有 Java 泛型底子，这块比科班前端还快

• 泛型与泛型约束、条件类型、映射类型

• 内置工具类型：Partial Pick Omit Record ReturnType

• 类型收窄、类型守卫、unknown vs any、never、as const

• 高频面试题：interface 还是 type、结构化类型系统和 Java 名义类型的区别

• TypeScript 7（tsgo）：Go 重写、约 10x 提速，知道 tsc 与 tsgo 的取舍和迁移阻塞点即可（工程化话题常问）

【必学】React 核心（权重最高的一块）#

• Hooks 心智模型：每次渲染是一次快照——这是理解一切的地基

• useEffect 依赖数组、清理函数、闭包陷阱（几乎必问）；useEffectEvent（19.2 转正）——把非响应式逻辑从 Effect 里摘出来

• React Compiler 1.0（2025-10 稳定）：自动 memo 化原理、什么代码会让它放弃优化（违反 Hooks 规则、读写 ref、可变对象） 标准追问：上了 Compiler 之后你还手写 useMemo/useCallback 吗？——手写 memo 与 Compiler 的取舍是现在的新考点

• key 的作用与列表 diff、受控 vs 非受控组件

• Context 的性能问题与规避、自定义 Hook 抽象

• Suspense 边界与错误边界：加载态 / 失败态降级设计——配合 use() 和 TanStack Query 的必问搭档

• React 19：use()、Actions、useOptimistic、<Activity />、Server Components 是什么、解决什么问题

【必学】数据与状态（后端出身最容易上手的部分）#

• TanStack Query：缓存、失效、乐观更新、重试——本质是客户端的缓存层，你天然懂

• Zustand：轻量客户端状态，现在的主流选择

• Redux Toolkit：概念级了解，大厂老项目会问

• React Router v8（2026-06 GA）：路由、守卫、动态菜单、middleware ⚠️ 大坑：v8 移除了 react-router-dom 包（并入 react-router），网上绝大多数教程的 import 路径已失效；且 ESM-only、要求 Node 22+ / Vite 7+

【必学】样式与组件库#

• Flex + Grid 真的熟（现场手写布局是常见考法）

• Tailwind CSS（已是事实标准）、CSS 变量、响应式断点

• Ant Design v6：会用 + 会二次封装 + 会改主题（CSS 变量默认开启的新主题体系）；能说清 v5→v6 迁移点：Button.Group→Space.Compact、BackTop→FloatButton、xxxClassName 收敛到 classNames.*。Vue 侧对应 Element Plus

【必学】浏览器与网络#

你的天然优势区，务必答出深度

• 事件循环（宏任务 / 微任务）——输出顺序题必考

• 事件冒泡 / 捕获 / 委托

• 跨域：CORS 预检、withCredentials、Nginx 代理——前后端两个视角都要讲

• 缓存：强缓存 / 协商缓存、Cache-Control / ETag

• 鉴权链路：JWT vs Session、refresh token 无感刷新、SSO / OAuth2——全栈岗最爱的交叉题

• Cookie / localStorage / sessionStorage 区别、SameSite、XSS 与 CSRF 防御

【必学】JS 八股与手写题（国内仍考，但考法变了）#

• 原型链、this 指向、闭包

• 手写：防抖、节流、深拷贝、call/apply/bind、Promise.all、简易 Promise

• Promise / async-await 执行顺序题（配合事件循环一起练）

考法变化：现在越来越多是给你一段（人或 AI 写的）防抖 / 深拷贝，让你指出 bug 和边界漏洞，而不是默写。练到「能读、能挑错」比「能背出来」更贴近 2026 的实际考法——但默写能力仍是底线。

【必学】构建与工程化#

• Vite 8 + Rolldown：环境变量、代理配置、构建产物 ⚠️ 「dev 用 esbuild 预构建、build 用 Rollup」这个经典答案已过期——Vite 8（2026-03）已用 Rolldown 统一取代双打包器。现在问的是为什么合并、dev/build 一致性

• Webpack 概念级：loader / plugin / tree shaking / code splitting；外加 Rspack / Rsbuild（字节系及外溢团队大量在用，比纯 Webpack 更可能被问）

• pnpm、ESLint + Prettier、Husky；Monorepo 知道是什么即可

• 前端供应链安全：npm 投毒防护、lockfile 管理、CSP 配置、为什么 pnpm 的隔离 node_modules 更安全——2025 年 npm 蠕虫事件后已成常见工程题

【够用】加分项——能讲清楚，做过一次就行#

• Next.js 16：App Router、Cache Components（use cache）新缓存模型、RSC / Server Actions、Turbopack 默认、middleware.ts→proxy.ts。外企和海外远程加分很大 ⚠️ 只说「SSR/SSG/ISR」会暴露知识停在两年前——要能对比新旧缓存心智模型

• Node.js / BFF 层：Node 事件循环与浏览器的差异、Express/Nest 基本盘、BFF 的职责边界与鉴权透传 你有后端底子，这是最容易讲出深度的桥梁话题，外企和 Next.js server 侧常问

• 性能：Core Web Vitals（LCP / CLS / INP）、代码分割、虚拟列表、图片优化、首屏优化 标准是能说出你在项目里做了哪两条 + 具体数字

• 部署：Docker、Nginx 反代 + gzip、HTTPS、GitHub Actions CI——你有后端背景，这块最容易讲成亮点

• 测试：Vitest + React Testing Library 会写基础用例（外企常问，国内几乎不问）

• Sentry 前端错误监控 / 简单埋点

【别学】除非目标 JD 明确写了#

React/Vue 源码级 diff、Fiber 调度器手写 · 微前端（qiankun / Module Federation）· Angular / Svelte / Solid · Canvas / WebGL / Three.js / D3 深度 · React Native / Flutter · 小程序 · 自己写脚手架 · 前端算法刷到 Hard

这些是专职前端岗的深水区。你面的是全栈或后端，问到那个深度的概率极低，而每一项都要吃掉两三周。

【压舱石】后端不能丢——它占面试权重 60% 以上#

• Java 21 / 25 新特性（25 是最新 LTS）：record、sealed、模式匹配、Scoped Values、结构化并发、虚拟线程 ⚠️ 别再背「synchronized 会 pin 住载体线程」——JDK 24 的 JEP 491 之后已不成立，剩余 pin 场景只有 native 栈帧和类初始化；瓶颈已转移到连接池等有限资源的池化上。答旧版会被反问

• Spring Boot 4 / Spring Framework 7（3.5 的 OSS 支持已于 2026-06 终止）：3.x→4.x 迁移（Jakarta EE 11、Jackson 3 强制、JUnit 4 移除）、API 版本化、@HttpExchange 声明式客户端取代 OpenFeign、内置 @Retryable/@ConcurrencyLimit、JSpecify 空安全 现在面试问的迁移故事是 3.x→4.x，不是 2.x→3.x

• 并发：线程池参数与调优、AQS、CAS、ThreadLocal 内存泄漏、锁升级

• JVM：内存结构、G1 / ZGC 选型（分代 ZGC 已是默认，非分代版在 JDK 24 移除）、一次真实的 OOM 或 GC 排查故事

• MySQL：索引结构与失效、执行计划、MVCC 与隔离级别、分库分表、慢 SQL 优化案例

• Redis：数据结构、持久化、穿透/击穿/雪崩、分布式锁（Redisson 看门狗）

• MQ：Kafka / RocketMQ 顺序、重复消费、积压处理、事务消息

• 分布式：CAP、分布式事务方案、幂等设计、限流熔断

• 系统设计：练 5–8 个经典题（短链、秒杀、Feed 流、IM、对账）——外企和大厂必考

04 · AI 开发能力：2026 的真正差异化#

你提到后续开发都会用 AI——这是对的，但面试里**"会用 AI"已经不是加分项，是默认项**。真正拉开差距的是下面第 2 条。

• 1 · 会用：Cursor / Claude Code / Copilot 的实际工作流，能说清你把哪类任务交给 AI、哪类不交

• 2 · 会审（最重要）：准备一个具体案例——AI 生成的代码有什么坑（并发不安全、边界条件漏了、N+1 查询、SQL 注入、事务边界错了），你怎么发现的、怎么修的。这道题现在几乎每个面试官都会变着法问，而大部分候选人答不具体。

• 3 · 加分：Spring AI 或 LangChain4j、RAG 基本流程、向量库、function calling 与 MCP（server / client 概念、和 function calling 的关系——2026 年已是工具接入的事实标准，Spring AI 已支持）。在项目里做一个小 demo，简历上就多一条硬通货。

• 4 · 两种现场编程都要准备——2026 年已经明显分化：

  • A · 裸写场：仍有大量公司禁用 AI，八股和手写题必须能裸写。长期依赖 AI 后手会生，务必留裸写练习时间。

  • B · 带 AI 实操场：部分大厂和外企设了「现场用 Cursor / Claude Code 完成一个功能」的专项环节，考的是把模糊需求拆成可交付给 AI 的子任务 → 中途改需求 → 当场定位 AI 写出的 bug。这个要专门练，不是"平时会用"就能过。

让 AI 输出方案而不是直接输出代码，方案评审通过后再让它写实现——这个工作流本身就是个很好的面试答案。

05 · 项目：做 1 个真的，别做 3 个 demo#

面试官对 demo 免疫。有价值的项目只有一个标准：有真实复杂度，且真的上线了。能在面试里甩出一个可访问的链接，权重完全不同。

推荐选题：多租户 ToB 后台系统#

一个项目同时覆盖前端、后端、部署、AI 四块，性价比最高。

范围控制很重要。「RBAC + 异步流式导出 + SSE 进度」是最能讲出故事的一条链路，务必做扎实；多租户隔离 / 审计日志 / AI 特性只挑一个。全做完按业余节奏要 150–250 小时，会直接吃掉你整个 6 个月。

讲项目的模板：动作 → 数字#

"导出原来是同步的，10 万行直接卡死。我改成异步任务 + 分页游标 + SXSSF 流式写，接口从 60s 超时变成 200ms 返回任务 ID，导出总耗时 90s，内存峰值从 1.8G 降到 200M。前端配合用 SSE 推进度条，避免了轮询。"

注意这段话同时体现了：性能意识、前后端协作、技术选型理由、量化结果。每个核心模块都准备一段这样的话。

06 · 6 个月周计划#

按业余每周 10–15 小时估算，总盘子 240–360 小时。下面排的是约 20 周的量装进 24 周——M2 和 M4 各含 1 周机动，不留 buffer 的排期会被任何一次加班或病假推倒。

两条贯穿全程、不占周次的任务#

• 算法　从第 1 周起每天 1 题，贯穿 24 周（累计约 170 题次，够 Hot 100 + 二刷）。别信「一周刷完 Hot 100」——对 5 年没碰算法的人那是 60–100 小时的量。

• 投递　从 W12 项目上线当周开始，每周投 2–3 家备胎公司，每两周至少一场真实面试。M4–M6 是「边面边补」，不是「面完再投」。

如果只有 3 个月：换目标，不要压时间。 6 周内从零前端做到项目上线不现实。改成——在现在公司里主动接一个前端模块（有真实业务背书胜过任何个人项目）+ 后端系统复习 + 直接投后端岗，全栈作为加分项。等入职后再补齐前端深度。

M1 · 第 1–4 周｜前端地基#

• W1　现代 JS 专项：this / 闭包 / 原型 / 事件循环 / Promise / 模块（先 JS 后 TS，反过来学会很痛苦）

• W2　TypeScript 主干（泛型、工具类型、类型收窄）+ Vite 8 搭起来 + Tailwind 上手

• W3　React Hooks 核心心智模型 + 组件拆分

• W4　AntD v6 + React Router v8 + 一个能跑的 CRUD 列表页（对接你自己写的 Spring Boot 接口）

里程碑　能看懂并改动一个现成中后台模板，独立产出一个能跑的 CRUD 列表页 刻意降低了标准：40–60 小时不可能达到「独立 + 讲得出取舍」。分页、按钮级权限、无感刷新挪到 M2。

M2 · 第 5–8 周｜项目主干#

• W5　TanStack Query + Zustand + 鉴权链路（JWT + 无感刷新）+ 分页与表单

• W6　项目后端骨架：RBAC + 异步流式导出（+ 三选一的那个可选模块）

• W7　项目前端骨架：动态菜单、按钮级权限、可配置表格、SSE 导出进度

• W8　机动周——补上前 7 周欠的账，别拿来加新内容

里程碑　核心业务链路端到端跑通

M3 · 第 9–12 周｜交付能力#

• W9　Next.js 16 不写项目——读文档 + 跑官方示例，练到能讲清 RSC 边界、Server Actions、Cache Components 新旧缓存差异即可（省下 20+ 小时）

• W10　性能优化：首屏、虚拟列表、代码分割 + Sentry 接入，记录优化前后数字

• W11　Docker + Nginx + HTTPS + CI，正式上线

• W12　写 README 和架构图 + 简历初稿，开始投备胎公司

里程碑　有一个能当场打开给面试官看的线上地址；本周开始投递

M4 · 第 13–16 周｜后端回炉（权重最高的一个月）#

• W13　并发 + JVM + 一次真实的 GC / OOM 排查复盘

• W14　MySQL + Redis 深度，结合你自己项目里的真实优化点

• W15　分布式 + MQ + 幂等 / 限流 / 熔断

• W16　Java 21/25 新特性 + Spring Boot 4 / Spring 7 变化与迁移（本周同时兼作机动周）

里程碑　每个模块都能不看稿讲 3 分钟，且带一个自己的案例

M5 · 第 17–20 周｜面试弹药#

• W17　前端八股 + 手写题，每天 2 道（裸写，不用 AI）

• W18　系统设计 5–8 题，每题写出完整方案文档

• W19　带 AI 实操场专项练习：给自己出 3 个模糊需求，限时用 Cursor / Claude Code 完成并讲解——顺便攒下「AI 写错了什么、我怎么发现的」的真实素材

• W20　简历定稿（后端版 + 全栈版）+ 项目讲述稿，海外远程再加英文版

里程碑　两版简历定稿；此时你已经面过几场，知道自己短板在哪

M6 · 第 21–24 周｜实战#

• W21–22　集中投递目标公司，每场面完当天复盘，把被问倒的点当天补掉

• W23–24　谈 offer + 收尾；有余力就补 W9 省下的 Next.js 实操

关键　真实面试反馈的信息量，比自己闷头复习一个月还大——所以投递从 W12 就开始，这两个月是收割期而不是起点。

07 · 简历怎么写#

• 全栈岗简历里前端只占约 1/3 篇幅，别本末倒置

• 每条经历带一个数字，没数字的经历考虑删掉

• 准备两版：投大厂用后端版，投中小厂/外企用全栈版

• 海外远程：英文简历 + LinkedIn + GitHub 上有实质内容的项目；时区重叠范围和英文水平明确写出来

08 · 八个最容易踩的坑#

• 1　前端答得太"背"。每个技术选型准备一句："我们用 X 是因为 Y，代价是 Z。" 没有取舍的答案一听就是背的。

• 2　useEffect 和闭包陷阱几乎必被问，必须真懂而不是记结论。

• 3　说"这块我用 AI 写的"之后一定要接上你怎么验证的，否则直接减分。

• 4　全栈岗最爱考交叉题：跨域怎么解决（前端代理 + 后端 CORS 两个视角都要说）、登录态怎么设计、大文件分片上传前后端怎么配合、前端如何配合做接口幂等。

• 5　简历上写没真做过的技术。5 年经验被追问三层就穿帮，代价比不写大得多。

• 6　只准备前端而荒废后端。这是转全栈最常见的死法——你的溢价来自后端深度。

• 7　项目没上线。本地跑的 demo 和有线上地址的项目，可信度差一个数量级。

• 8　等"准备好了"再投。项目上线那周（W12）就该开始投备胎练手，而不是等复习完。

09 · 关于"有发展、工资好、稳定"的岗位定位#

最优解通常是：中大型 ToB / 行业头部公司的技术中台或平台组#

Java 为主 + 前端能自理，这类岗位对"端到端交付"有真实需求，薪资和稳定性的平衡点最好，也是全栈能力溢价最高的地方。

国内大厂：投后端岗，全栈当加分项#

大厂前后端分工很细，纯全栈岗位少。你 5 年经验的定位应该是后端，"还能自己把前端写完"是简历里的一句加分，不是主标签。

外企 / 海外远程：薪资天花板高，但两个门槛是硬的#

英文（尤其口语和异步书面沟通）和系统设计。八股少、算法中等、更看重 Code Review 能力和工程素养。稳定性弱于国内，适合作为并行选项而不是唯一目标。

创业公司：只在你认可业务和团队时考虑#

全栈能力在这里最被需要，但"稳定"这条基本满足不了。

版本信息与参考#

版本信息截至 2026 年 8 月：React 19.2 + React Compiler 1.0 · React Router v8 · Vite 8（Rolldown）· Next.js 16 · Ant Design v6 · Tailwind v4 · TypeScript 7（tsgo）· Java 25 LTS · Spring Boot 4 / Spring Framework 7。技术版本变化很快，开始学之前建议再核一次官网。

参考：JavaGuide 后端转全栈路线 · 2026 前端技术趋势观察 · React vs Vue 2026 招聘市场 · React Compiler 1.0 · React Router v8 · Vite 8 · Next.js 16 · Spring Boot 4 · JEP 491