🔗依赖项目
🎯 核心靶心（项目的主要目标）
- 提升面试能力
🗺️ 战略地图（KEY RESULT：关键结果）
已完成模块
| 模块分类 | 子模块 / 内容主题 | 状态说明 | 备注 |
|---|---|---|---|
| 📡 Web 通信模块 | - 网络协议（HTTP/HTTPS、状态码、TLS） - 通信方式（AJAX、Fetch、WebSocket、SSE、长轮询、GraphQL、gRPC） - 同源策略与跨域（CORS、JSONP、postMessage） - 浏览器请求流程（URL 解析、DNS、TCP） | ✅ 已完成整理 | FAQ-Web通信 |
| 🔐 Web 安全模块 | - CSRF 与防护策略 XSS 与防护策略 - Cookie 安全属性（HttpOnly、Secure、SameSite） - CSP 策略配置 - JWT/OAuth2 安全性问题 - 中间人攻击与 HTTPS- 点击劫持防护 | ✅ 已完成 | FAQ-Web安全 |
| ⚙️ 构建与工程化 | - Webpack 基础与优化 Vite 基础与进阶（配置、预构建、HMR、插件、产物优化） - 构建性能优化（Tree-shaking、Code-splitting、external、缓存策略等） | ✅ 已完成 | FAQ-构建打包 |
| 🧠 浏览器原理 | - 浏览器渲染流程（解析、构建树、合成与绘制）- 事件循环机制 DNS 解析与网络连接流程 - 页面性能优化策略 | ✅ 已自测部分 | FAQ-浏览器原理与运行机制 |
| ⚛️ React 框架原理 | - 函数组件与闭包原理 - setState 异步特性 - Diff 算法 - 构建优化手段（如代码分片） | ✅ 已复习 & 整理表格 | FAQ-框架原理 |
| 🍃 Vue 框架原理 | - Vue 基础题目准备中（响应式系统、模板编译、组件通信、生命周期等） - Vue 进阶题目准备中（Diff、虚拟 DOM、Composition API 等） | ✅ 已列出题目 | FAQ-框架原理 |
| 🧱 框架原理汇总 | - React & Vue 对比总结 - 渲染原理、状态管理、虚拟 DOM 差异分析 | ✅ 已整合为卡片 | |
| 🗃️ 长列表与优化 | - 虚拟滚动的原理和实现（如 IntersectionObserver） - 分页加载技术 | ✅ 已完成自测 | 虚拟列表实现 |
| 性能优化 | - 页面性能指标（FP、FCP、TTI） - 懒加载、预加载 - 图片优化 | ✅ 已完成自测 | 前端性能优化 |
待完成模块
| 模块分类 | 子模块建议 | 理由 |
|---|---|---|
| 前端测试 | - 单元测试、集成测试、E2EJest、Vitest、Cypress | 很多公司会问，展示专业能力 |
| 项目架构设计 | - 模块化、目录设计、组件拆分、状态管理 | 高级岗位常问，有助于系统思维 |
| 移动端适配 | viewport、rem、flex、媒体查询、高清方案 | 面试中移动端常见，项目中常用 |
| TypeScript | - 类型定义、泛型、接口设计、TS 配合 Vue/React | 面试 TS 趋势日增 |
| CSS 样式能力 | BEM、模块化、预处理器、响应式布局技巧 | 不容忽视的硬核基础 |