阶
第 8 章 进阶路线、安全与面试
Architecture, Security, Interview
完整学习路线图
| 阶段 | 目标 |
|---|---|
| 基础 | HTML/CSS/JS（第一册前半）。 |
| 框架 | React 19 + TS + 工程化（第一册后半）。 |
| 生态 | Router / Zustand / TanStack Query / Tailwind / shadcn/ui（本册第 1 章）。 |
| 全栈 | Next.js 15 / SSR / API Routes。 |
| 跨端 | Tauri 2.0 / Electron。 |
| AI | Vercel AI SDK / 流式输出 / Function Calling。 |
| 性能 | Web Vitals / 懒加载 / 虚拟列表 / Web Worker。 |
| 架构 | 微前端（qiankun / Module Federation）、Monorepo、设计系统。 |
前端安全：必知四个洞
| 漏洞 | 怎么防 |
|---|---|
| XSS 跨站脚本 | 用户输入注入恶意脚本。React 默认转义，别用 dangerouslySetInnerHTML；加 CSP；Cookie 设 HttpOnly。 |
| CSRF 跨站请求伪造 | 用户登录态被人偷发请求。用 CSRF Token；Cookie 设 SameSite=Lax/Strict。 |
| 点击劫持 | 把你的站嵌 iframe 骗用户点。加 X-Frame-Options 或 CSP frame-ancestors。 |
| 依赖漏洞 | 定期 pnpm audit / Dependabot，升级有漏洞的包。 |
面试高频考点
后端转前端面试，常被问这几个：闭包（是什么、有啥用、内存泄漏）、原型链（__proto__ 和 prototype 关系）、this 指向、事件循环（宏任务微任务顺序）、Promise / async/await、虚拟 DOM 和 diff、React Fiber、Hooks 原理（为什么不能在 if 里调）、SSR 解决什么问题、性能优化手段、XSS/CSRF。这几个搞懂，日常面试够用。
推
推荐资源
文档：MDN Web Docs（最权威）、React 官方新文档（react.dev，2023 年重写后质量极高）、Vite 官方文档。
书：《JavaScript 高级程序设计》（红宝书）、《你不知道的 JavaScript》（深入理解原型/闭包）、《React 设计原理》。
社区：掘金、知乎前端话题、Vercel 博客、前端早早聊。