📚 前端面试知识库目录

系统化的前端面试复习资料，从基础到进阶，全面覆盖前端开发核心知识点

📖 文档导航

🎯 核心基础知识

1. 前端基础知识大全

适合人群：前端初中级开发者，面试复习
内容概览：

JavaScript 深度解析（类型、作用域、this、闭包、原型链）
浏览器核心机制（DOM、事件、渲染、Web API）
React 深度解析（Hooks、生命周期、性能优化）
Vue 深度解析（响应式原理、Composition API）
现代前端工程化（Next.js、Vite、模块化、性能优化）

特色：

✅ 详细的代码示例和实际应用场景
✅ 面试高频考点全覆盖
✅ 从基础到进阶的完整知识体系

2. 前端扩展知识

适合人群：有一定基础，想要深入学习的开发者
内容概览：

CSS 深度解析（选择器、布局、动画、响应式）
面试高频算法与数据结构
错误处理与调试技巧
性能监控与优化策略

特色：

✅ 补充基础文档未涵盖的高级知识点
✅ 更多实战案例和优化技巧
✅ 面试实战经验总结

🧮 算法与数据结构

3. 动态规划完全指南

适合人群：算法基础薄弱，想要系统学习动态规划的开发者
内容概览：

动态规划基础概念和核心思想
五步解题法和通用模板
经典题目详解（斐波那契、背包问题、字符串DP等）
优化技巧（空间优化、记忆化搜索）

特色：

✅ 从零开始，循序渐进
✅ 大量图解和手工计算示例
✅ 理论与实践相结合

4. 最小路径和详解

适合人群：对二维DP感到困惑的开发者
内容概览：

二维DP的核心思想
最小路径和问题的完整解析过程
手工计算每一步的详细说明
空间优化技巧

特色：

✅ 专门针对二维DP的详细讲解
✅ 可视化理解和调试技巧
✅ 从人脑思考到代码实现的完整过程

5. 前端实际工作中的算法

适合人群：想了解实际工作中会用到哪些算法的开发者
内容概览：

前端实际场景中的算法应用
Node.js后端开发中的算法实践
性能优化中的算法技巧
真实业务场景的解决方案

特色：

✅ 专注实际工作场景，不是纯面试题
✅ 前端+后端全栈覆盖
✅ 立即可用的生产级代码

🚀 部署与运维

6. Vercel 部署指南

适合人群：需要部署前端项目的开发者
内容概览：

Vercel 部署配置
常见部署问题解决方案
性能优化建议

🎯 学习路径推荐

📚 初学者路径

1. 前端基础知识大全 (frontend.md)
   ↓
2. 前端实际工作中的算法 (frontend-algorithms-practical.md)
   ↓
3. 动态规划完全指南 (dynamic-programming.md)

🚀 进阶路径

1. 前端扩展知识 (frontend-extended.md)
   ↓
2. 最小路径和详解 (min-path-sum-explained.md)
   ↓
3. 深入学习特定技术栈

🎯 面试准备路径

1. 前端基础知识大全 (frontend.md) - 核心知识点
   ↓
2. 动态规划完全指南 (dynamic-programming.md) - 算法基础
   ↓
3. 前端扩展知识 (frontend-extended.md) - 深度拓展
   ↓
4. 前端实际工作中的算法 (frontend-algorithms-practical.md) - 实战经验

📊 文档特色对比

| 文档 | 难度 | 实用性 | 面试针对性 | 代码示例 | |------|------|--------|------------|----------| | frontend.md | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | | frontend-extended.md | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | | dynamic-programming.md | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | | min-path-sum-explained.md | ⭐⭐ | ⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | | frontend-algorithms-practical.md | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |

🔍 快速查找

按技术栈查找

JavaScript：frontend.md, frontend-extended.md
React：frontend.md, frontend-extended.md
Vue：frontend.md, frontend-extended.md
Node.js：frontend-algorithms-practical.md
CSS：frontend-extended.md
算法：dynamic-programming.md, min-path-sum-explained.md, frontend-algorithms-practical.md

按场景查找

面试准备：frontend.md, dynamic-programming.md
实际工作：frontend-algorithms-practical.md
性能优化：frontend.md, frontend-extended.md, frontend-algorithms-practical.md
算法学习：dynamic-programming.md, min-path-sum-explained.md
项目部署：VERCEL_DEPLOYMENT.md

按难度查找

入门级：min-path-sum-explained.md
中级：frontend.md, frontend-algorithms-practical.md
高级：frontend-extended.md, dynamic-programming.md

💡 使用建议

1. 系统学习

按照推荐的学习路径顺序阅读
每个文档都要动手实践代码示例
做好笔记和总结

2. 面试准备

重点关注 frontend.md 的核心知识点
练习 dynamic-programming.md 中的算法题
准备 frontend-algorithms-practical.md 中的实际场景问题

3. 工作应用

参考 frontend-algorithms-practical.md 解决实际问题
使用 frontend-extended.md 中的优化技巧
关注性能监控和错误处理

4. 持续学习

定期回顾和更新知识点
关注技术发展趋势
在实际项目中应用所学知识

🤝 贡献指南

如果你发现文档中有错误或者想要补充内容，欢迎：

提出 Issue 指出问题
提交 Pull Request 改进文档
分享你的学习心得和实践经验

📞 联系方式

如果你在学习过程中遇到问题，可以：

在对应文档中查找相关内容
参考代码示例进行实践
结合实际项目加深理解

记住：学习是一个持续的过程，重要的是理解原理并能在实际工作中灵活运用！ 🚀