前端八股

面向前端日常实习，以现有 React / TypeScript / Next.js 项目为主线，补充 Vue 3 专项。整理日期：2026-10-31。

每篇按知识笔记模板提供一句话回答、原理、场景边界、项目关联、追问和来源；部分附有代码例子。来源优先使用 MDN 与官方文档，框架结论需结合项目实际版本。

怎么复习

1. 第一轮：读一句话回答，合上笔记口述 30～60 秒，再解释一个例子。
2. 第二轮：回答常见追问，独立写出代码题，并说明失败场景。
3. 第三轮：沿项目链接定位实现，复现行为后再讲个人工作；链接只是复习入口，不代表本人已实现或掌握。

P0 是首轮重点，P1 在基础能口述后补齐。状态统一保留“未准备”，由本人练习后更新，资料补齐不等于掌握。

知识索引

优先级	知识点	状态	关联项目	下次复习
P0	HTML 语义化与可访问性	未准备	Blog	待安排
P0	CSS 盒模型与布局	未准备	Blog	待安排
P0	数据类型与拷贝	未准备	SimulSpeak	待安排
P0	作用域、闭包与 this	未准备	Blog / SimulSpeak	待安排
P0	原型链与 new	未准备	通用基础	待安排
P0	事件循环与异步	未准备	SimulSpeak	待安排
P0	DOM 事件与事件委托	未准备	Blog	待安排
P0	TypeScript 类型系统	未准备	三个项目	待安排
P0	React 状态与渲染	未准备	三个项目	待安排
P0	React Hooks 与副作用	未准备	SimulSpeak / Blog	待安排
P0	跨域、安全与浏览器存储	未准备	EinoTalk	待安排
P0	HTTP 缓存	未准备	Blog	待安排
P0	常见手写题	未准备	通用基础	待安排
P1	浏览器渲染与性能	未准备	Blog / SimulSpeak	待安排
P1	React 组件设计与性能	未准备	SimulSpeak / EinoTalk	待安排
P1	前端工程化与模块	未准备	三个项目	待安排
P1	Next.js 与服务端渲染	未准备	Blog	待安排
P1	请求竞态与实时通信	未准备	SimulSpeak / EinoTalk	待安排

Vue 3 专项

当前项目以 React 为主，以下是 Vue 岗位的补充知识与迁移练习，不代表已有 Vue 项目经历。Vue 3.3/3.4/3.5 的 API 差异在对应笔记中标明；目标岗位若使用 Vue 2，还需按旧版文档复习兼容边界。

Vue 岗位先掌握本表 P0，再补渲染、路由与状态管理；同时复习上表的 JS/TS、CSS、浏览器和网络公共知识。

优先级	知识点	状态	项目关联	下次复习
P0	Vue 响应式原理与 ref	未准备	SimulSpeak 状态迁移练习	待安排
P0	Vue 计算属性与侦听器	未准备	搜索竞态练习	待安排
P0	Vue 生命周期与 nextTick	未准备	SimulSpeak 清理逻辑迁移练习	待安排
P0	Vue 组件通信与 v-model	未准备	控制栏与字幕组件设计练习	待安排
P1	Vue 模板渲染与性能	未准备	字幕列表与 Blog 目录迁移练习	待安排
P1	Vue 组合式函数与 React 对比	未准备	useSession 迁移练习	待安排
P1	Vue Router 路由与守卫	未准备	EinoTalk 导航迁移练习	待安排
P1	Pinia 状态管理	未准备	EinoTalk store 迁移练习	待安排

自测标准

• 基础题：能讲结论、原理、反例，而非只背术语。
• 代码题：先说明输入输出与边界，再独立实现，验证正常、空输入和异常路径。
• 项目题：能指出代码路径、解释取舍、说明尚未实现的能力；性能收益以实测为准。
• 后续可扩展：Nuxt 与 Vue SSR 实战、自定义指令与插件专题、复杂类型体操、完整 Promise/A+ 实现、微前端与构建器源码；按目标岗位再扩展。