📚 一个系统化整理的前端知识库，涵盖面试、实战、工具等全方位内容
这是一个持续更新的前端知识库，汇集了日常开发中的实战经验、面试题解析、工具使用技巧等内容。无论你是初学者还是进阶开发者，都能在这里找到有价值的参考资料。
💡 吾生也有涯，而知也无涯。 让我们一起在有限的时间里，做自己喜欢的事，探索前端的奇妙世界！
欢迎关注公众号 qdleader，回复「加群」即可加入技术交流群！
- 📱 每日推送最新知识点
- 👥 与小伙伴们一起讨论技术问题
- 🎯 获取更多学习资源
- 📝 每日更新 - 持续输出面试题和知识点
- 💼 实战经验 - 项目中真实遇到的问题及解决方案
- 🎯 系统化整理 - 按技术栈分类，方便查阅
- 🔧 工具技巧 - 提升开发效率的实用工具和方法
- 🎨 组件收藏 - 好玩实用的组件和页面效果
- 🤖 AI 增强 - 提供 MCP 服务器，让 AI 助手访问知识库
- Vue & Vue3 - Vue 全家桶相关知识
- React - React 生态系统实践
- TypeScript - TS 进阶使用
- ES6+ - 现代 JavaScript 特性
- CSS & CSS3 - 样式基础与进阶
- Less & SCSS - CSS 预处理器
- UI 框架 - 组件库使用技巧
- 前端小 Tips - 实用小技巧合集
- 项目问题解决 - 真实项目踩坑记录
- 优化 - 性能优化方案
- 不可不知的项目冷知识 - 容易忽视的重要知识
- AI - AI 工具使用、Prompt 工程、本地部署等
# 克隆项目
git clone https://github.com/qdleader/qdleader.git
# 进入目录
cd qdleader
# 使用 VS Code 打开
code .我们提供了 QDLeader MCP Server，让 AI 助手（如 Cursor、Claude Desktop）能够直接访问和搜索整个知识库！
- 🔍 智能搜索整个知识库
- 📚 按分类浏览文档
- 📖 完整读取任何文档
- 🎯 快速定位 Vue、React、面试题等内容
在 Cursor 或 Claude Desktop 的 MCP 配置中添加：
{
"mcpServers": {
"qdleader": {
"command": "npx",
"args": ["-y", "qdleader-mcp"]
}
}
}配置完成后，你可以这样与 AI 助手对话：
- "帮我搜索 Vue3 组合式 API 的相关文档"
- "列出所有前端面试题分类"
- "读取 React hooks 的使用指南"
- "在 TypeScript 分类中搜索泛型相关内容"
📖 详细文档请查看 MCP Server 文档
欢迎关注公众号 qdleader，回复「加群」即可加入技术交流群！
- 📱 每日推送最新知识点
- 👥 与小伙伴们一起讨论技术问题
- 🎯 获取更多学习资源
欢迎提交 Issue 和 Pull Request！
如果你有：
- 发现错误或需要更正的内容
- 想要分享的优质知识点
- 好的建议和想法
请随时提交 Issue 或 PR，让我们一起完善这个知识库！
如果这个项目对你有帮助，欢迎 Star ⭐ 支持一下！
如果觉得内容对你有帮助，可以请作者喝杯奶茶 ☕
Made with ❤️ by QDLeader
一起探索前端的奇妙世界 🌟