├── README.md ├── 前端辅导.md ├── 后端辅导.md ├── 常见问题.md ├── 支持我们.md ├── 联系我们和商务合作.md ├── 金三银四，我们上线了一个免费、有深度的八股文网站.md └── 项目实战.md /README.md: -------------------------------------------------------------------------------- 1 | # 面试导航 2 | 3 | 面试导航致力于构建一个全面且深入的前端与后端技术面试知识库，涵盖了当前技术栈的核心内容，旨在为技术学习者提供一个系统化、专业化的学习平台。网站的内容涵盖了最新的技术领域，包括 JavaScript、TypeScript、Node.js、浏览器原理、计算机网络、React 源码、前端工程化、性能优化以及前端监控等多个前沿话题。 4 | 5 | 与市场上大多数面试题库不同，本网站的特点在于不仅提供基础的面试题目，还深入挖掘每个技术点的原理，帮助用户全面理解技术背后的核心概念。每一个知识点不仅包含对其本身的深入分析，还能通过关联与拓展，帮助学习者从一个问题出发，掌握与之相关的其他面试问题，从而形成一个完整的知识体系。 6 | 7 | 我们项目的特点主要有以下几个方面： 8 | 9 | - **深入原理**：我们不仅提供技术的基础知识，还专注于每个知识点背后的原理解析，帮助用户深刻理解技术细节。 10 | 11 | - **知识体系化**：每个技术点都是体系化学习的一部分，学习者可以通过一个个知识点的学习，逐步掌握前后端的技术要点，构建完整的技术框架。 12 | 13 | - **广泛的技术覆盖**：包括 JavaScript、TypeScript、Node.js、浏览器原理、计算机网络、React 源码、前端工程化、性能优化及前端监控等热门技术。 14 | 15 | - **面试题拓展**：每个知识点不仅局限于单一面试题，还能通过对相关问题的拓展，帮助学习者准备更广泛的面试场景。 16 | 17 | - **针对市场需求**：填补现有面试网站内容简略的空白，提供更为深入和系统的技术资源，以帮助学习者在激烈的面试竞争中脱颖而出。 18 | 19 | **项目目标：** 20 | 21 | - 帮助学习者全面掌握前端与后端的最新技术，构建扎实的知识体系。 22 | 23 | - 提供深入的技术解析，使学习者能够在面试过程中清晰地表达技术原理和解决方案。 24 | 25 | - 丰富面试题库，从实际面试场景出发，帮助学习者应对多样化的面试问题。 26 | 27 | - 填补市面上技术内容过于简单的空白，提供更高质量的技术学习平台。 28 | 29 | 通过本网站，用户将能够系统地掌握当前主流技术栈的精髓，提升自己的技术能力，并为面试做好充分的准备。 30 | 31 | # 加入我们的技术交流社群！ 32 | 33 | 为了帮助大家更好地学习和交流，我们特别创建了一个技术交流社群。在这里，你可以： 34 | 35 | - 💬 **讨论技术问题**：无论是学习过程中遇到的技术难题，还是面试中的困惑，我们的社区都欢迎你提问交流。 36 | 37 | - 🌐 **参与开源项目**：我们已经有一些成熟的开源项目，欢迎你参与其中，不仅能积累宝贵的项目经验，还能为你的简历增色！ 38 | 39 | - 🤝 **拓展人脉资源**：与志同道合的技术爱好者、开发者和求职者交流，建立你的人脉圈子。 40 | 41 | - 🎯 **获取一手资源**：我们会在群内优先发布最新的学习资源、技术文章和开源项目动态。 42 | 43 | 无论你是学生、刚入职场的开发者，还是正在准备面试的求职者，都能在这里找到适合自己的学习路径和技术支持。快来加入我们，与社区成员一起成长吧！ 44 | 45 | 为了让大家在群内保持轻松、愉快的交流氛围，请大家自觉遵守以下群规： 46 | 47 | 1. 尊重他人：请保持沟通礼貌，避免人身攻击、语言冒犯或引发争议的言论。 48 | 49 | 2. 专注技术交流：群内主要讨论技术相关话题，请避免无关内容（如广告、外链、无意义的刷屏等）。 50 | 51 | 3. 乐于分享与帮助：鼓励大家分享自己的学习经验、项目心得，帮助有需要的群友。 52 | 53 | 4. 避免重复提问：在提问前建议先搜索群内历史消息，或查阅群公告中的常见问题解答。 54 | 55 | 5. 不讨论敏感话题：禁止讨论政治、宗教、暴力等敏感内容，保持群内环境的健康、和谐。 56 | 57 | 6. 文明互动：拒绝争吵和无意义的争论，理性沟通，鼓励建设性讨论。 58 | 59 | 7. 保护隐私：避免在群内泄露个人隐私信息，防止不必要的安全风险。 60 | 61 | 8. 让我们一起创造一个温暖、互助的技术社区，期待每一位成员的积极参与！😊 62 | 63 | ![20250304083844](https://ik.imagekit.io/moment/6991741048708_.pic.jpg?updatedAt=1741050341987) 64 | 65 | > 如果加群失败，请添加维护者微信 `yunmz777`，添加请备明来意。 66 | 67 | # 哪些人适合使用这个平台？ 68 | 69 | 面试导航致力于为学生和初入职场的开发者提供一个系统化、深入的技术学习平台，帮助他们在激烈的求职和面试竞争中脱颖而出。平台上的八股文内容完全免费，涵盖了前端和后端的主流技术，包括 JavaScript、TypeScript、Node.js、React 源码、浏览器原理、计算机网络、前端工程化、性能优化、前端监控等领域。我们不仅提供技术知识的表面内容，还深入挖掘每个知识点的原理，从一个技术点延展到更多相关的面试问题，帮助用户建立全面、完善的知识体系。 70 | 71 | 针对那些在面试中感到迷茫、不知道如何撰写简历、没有足够的项目经验支撑的用户，我们还提供了一系列增值服务，包括简历优化、面试辅导以及项目实战课程。我们的简历优化服务将根据你的个人经历和技术能力，帮助你打造一份既专业又突出亮点的简历，提升 HR 和面试官的好感度。在面试辅导方面，我们通过一对一或小班培训，为你提供真实面试场景的模拟和技术问题的深度剖析，帮助你自信应对各种面试问题。此外，我们的项目课程以实战为导向，带领你从零到一参与实际项目开发，不仅能学到真正的开发技能，还能为你的简历添加一份具有实际价值的项目经验。 72 | 73 | 我们的目标是通过免费的技术学习内容，结合专业的增值服务，帮助用户在学习技术的同时，快速提升面试表现，增强职场竞争力。不论你是希望通过面试获得心仪的工作，还是想通过项目实战提升自己的技术水平，我们都能为你提供全面、专业的支持，助你在求职和职业发展道路上迈出坚实的一步。 74 | -------------------------------------------------------------------------------- /前端辅导.md: -------------------------------------------------------------------------------- 1 | 暂未编写，有需要请添加微信 `yunmz777` 进行联系，添加后请务必说明来意！ 2 | -------------------------------------------------------------------------------- /后端辅导.md: -------------------------------------------------------------------------------- 1 | 暂未编写，有需要请添加微信 `yunmz777` 进行联系，添加后请务必说明来意！ 2 | -------------------------------------------------------------------------------- /常见问题.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/code-cracks/code-crack/09f5f8f8fd8797552433636f8c30b17c3e6adbeb/常见问题.md -------------------------------------------------------------------------------- /支持我们.md: -------------------------------------------------------------------------------- 1 | # 支持我们 2 | 3 | 面试导航是一个完全社区驱动的项目，所有的服务器和开发成本都由我们的团队成员自费承担。我们致力于为广大学生和开发者提供高质量、系统化的技术学习内容，并始终保持核心学习资源免费开放，让更多人受益。 4 | 5 | 如果我们的内容对您有所帮助，您可以通过捐赠来支持我们，帮助我们继续保持项目的稳定运行，持续提供高质量的学习资源。即使您不需要购买我们的付费服务，也可以通过捐赠表达您的支持，让更多有需要的人受益。 6 | 7 | 您的每一份支持都将帮助我们： 8 | 9 | - 维持服务器和平台运营成本 10 | 11 | - 持续更新并丰富学习内容 12 | 13 | - 开发更多免费的实用功能和资源 14 | 15 | 感谢您的支持，让我们一起推动这个社区项目走得更远！ 16 | 17 | | 微信 | 支付宝 | 18 | | ------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | 19 | | ![微信二维码](https://ik.imagekit.io/moment/6981741046959_.pic.jpg?updatedAt=1741050367784) | ![支付宝二维码](https://ik.imagekit.io/moment/6971741046958_.pic.jpg?updatedAt=1741050390362) | 20 | -------------------------------------------------------------------------------- /联系我们和商务合作.md: -------------------------------------------------------------------------------- 1 | # 我们是谁 2 | 3 | 我们团队是由一个开源项目发展起来的，最终形成了技术社区，前期我们主要维护了以下开源项目： 4 | 5 | 1. [在线代码编辑器](https://github.com/xun082/online-edit-web)：基于 Next.js 和 NestJS 的在线代码编辑器，使用 Monaco Editor 和 Yjs 实现实时协作编辑和同步功能。 6 | 7 | 2. [Create-Neat 前端脚手架](https://github.com/xun082/create-neat)：基于 PNPM 和 Turborepo 开发的前端脚手架，旨在帮助用户快速创建各类型项目。 8 | 9 | # 加入我们的技术交流社群！ 10 | 11 | 为了帮助大家更好地学习和交流，我们特别创建了一个技术交流社群。在这里，你可以： 12 | 13 | - 💬 **讨论技术问题**：无论是学习过程中遇到的技术难题，还是面试中的困惑，我们的社区都欢迎你提问交流。 14 | 15 | - 🌐 **参与开源项目**：我们已经有一些成熟的开源项目，欢迎你参与其中，不仅能积累宝贵的项目经验，还能为你的简历增色！ 16 | 17 | - 🤝 **拓展人脉资源**：与志同道合的技术爱好者、开发者和求职者交流，建立你的人脉圈子。 18 | 19 | - 🎯 **获取一手资源**：我们会在群内优先发布最新的学习资源、技术文章和开源项目动态。 20 | 21 | 无论你是学生、刚入职场的开发者，还是正在准备面试的求职者，都能在这里找到适合自己的学习路径和技术支持。快来加入我们，与社区成员一起成长吧！ 22 | 23 | 为了让大家在群内保持轻松、愉快的交流氛围，请大家自觉遵守以下群规： 24 | 25 | 1. 尊重他人：请保持沟通礼貌，避免人身攻击、语言冒犯或引发争议的言论。 26 | 27 | 2. 专注技术交流：群内主要讨论技术相关话题，请避免无关内容（如广告、外链、无意义的刷屏等）。 28 | 29 | 3. 乐于分享与帮助：鼓励大家分享自己的学习经验、项目心得，帮助有需要的群友。 30 | 31 | 4. 避免重复提问：在提问前建议先搜索群内历史消息，或查阅群公告中的常见问题解答。 32 | 33 | 5. 不讨论敏感话题：禁止讨论政治、宗教、暴力等敏感内容，保持群内环境的健康、和谐。 34 | 35 | 6. 文明互动：拒绝争吵和无意义的争论，理性沟通，鼓励建设性讨论。 36 | 37 | 7. 保护隐私：避免在群内泄露个人隐私信息，防止不必要的安全风险。 38 | 39 | 8. 让我们一起创造一个温暖、互助的技术社区，期待每一位成员的积极参与！😊 40 | 41 | ![20250304083844](https://ik.imagekit.io/moment/6991741048708_.pic.jpg?updatedAt=1741050341987) 42 | 43 | > 如果加群失败，请添加维护者微信 `yunmz777`，添加请备明来意。 44 | 45 | # 我们的社区账号 46 | 47 | 我们的主要社区是有掘金和公众号，以后的内容和相关资讯都会在这些平台同步： 48 | 49 | 1. [掘金 Moment 主页](https://juejin.cn/user/3782764966460398/posts) 50 | 51 | 2. [掘金 UAENA 主页](https://juejin.cn/user/1764066430827815/posts) 52 | 53 | 我们的公众号： 54 | 55 | ![20250304083222](https://ik.imagekit.io/moment/6991741048708_.pic.jpg?updatedAt=1741050341987) 56 | 57 | 我们的交流群： 58 | 59 | ![20250304083844](https://ik.imagekit.io/moment/6991741048708_.pic.jpg?updatedAt=1741050341987) 60 | -------------------------------------------------------------------------------- /金三银四，我们上线了一个免费、有深度的八股文网站.md: -------------------------------------------------------------------------------- 1 | 首先最重要的肯定是上链接啦：[面试导航](https://www.codecrack.cn/zh) 2 | 3 | ![20250304101407](https://raw.githubusercontent.com/xun082/md/main/blogs.images20250304101407.png) 4 | 5 | ![20250304101508](https://raw.githubusercontent.com/xun082/md/main/blogs.images20250304101508.png) 6 | 7 | 更多的信息和技术信息我们将会在掘金和 [微信公众号](https://github.com/code-cracks/code-crack/blob/main/%E8%81%94%E7%B3%BB%E6%88%91%E4%BB%AC%E5%92%8C%E5%95%86%E5%8A%A1%E5%90%88%E4%BD%9C.md) 上同步更新，感兴趣的朋友扫码关注 8 | 9 | # 面试导航 10 | 11 | 面试导航致力于构建一个全面且深入的前端与后端技术面试知识库，涵盖了当前技术栈的核心内容，旨在为技术学习者提供一个系统化、专业化的学习平台。网站的内容涵盖了最新的技术领域，包括 JavaScript、TypeScript、Node.js、浏览器原理、计算机网络、React 源码、前端工程化、性能优化以及前端监控等多个前沿话题。 12 | 13 | 与市场上大多数面试题库不同，本网站的特点在于不仅提供基础的面试题目，还深入挖掘每个技术点的原理，帮助用户全面理解技术背后的核心概念。每一个知识点不仅包含对其本身的深入分析，还能通过关联与拓展，帮助学习者从一个问题出发，掌握与之相关的其他面试问题，从而形成一个完整的知识体系。 14 | 15 | 我们项目的特点主要有以下几个方面： 16 | 17 | - **深入原理**：我们不仅提供技术的基础知识，还专注于每个知识点背后的原理解析，帮助用户深刻理解技术细节。 18 | 19 | - **知识体系化**：每个技术点都是体系化学习的一部分，学习者可以通过一个个知识点的学习，逐步掌握前后端的技术要点，构建完整的技术框架。 20 | 21 | - **广泛的技术覆盖**：包括 JavaScript、TypeScript、Node.js、浏览器原理、计算机网络、React 源码、前端工程化、性能优化及前端监控等热门技术。 22 | 23 | - **面试题拓展**：每个知识点不仅局限于单一面试题，还能通过对相关问题的拓展，帮助学习者准备更广泛的面试场景。 24 | 25 | - **针对市场需求**：填补现有面试网站内容简略的空白，提供更为深入和系统的技术资源，以帮助学习者在激烈的面试竞争中脱颖而出。 26 | 27 | **项目目标：** 28 | 29 | - 帮助学习者全面掌握前端与后端的最新技术，构建扎实的知识体系。 30 | 31 | - 提供深入的技术解析，使学习者能够在面试过程中清晰地表达技术原理和解决方案。 32 | 33 | - 丰富面试题库，从实际面试场景出发，帮助学习者应对多样化的面试问题。 34 | 35 | - 填补市面上技术内容过于简单的空白，提供更高质量的技术学习平台。 36 | 37 | 通过本网站，用户将能够系统地掌握当前主流技术栈的精髓，提升自己的技术能力，并为面试做好充分的准备。 38 | 39 | # 本项目由什么技术栈实现 40 | 41 | 本项目主要有 React19、Next15、Nextra、tailwindcss4、Shadcn/UI 搭建。 42 | 43 | 通过这些技术栈来并搭配一些基础工程，主要有以下几个特点： 44 | 45 | 1. 🌩 Next.js + TypeScript: 高效的 React 框架和类型安全支持 46 | 47 | 2. 🎨 Tailwind CSS (v4): 原子化 CSS, 快速构建自定义、响应式界面 UI 48 | 49 | 3. 🧩 Shadcn UI: 高度可定制的 UI 组件集合，无需安装额外依赖 50 | 51 | 4. 📚 Nextra v4: 基于 Next.js 的静态站点生成器，专为文档而优化 52 | 53 | 5. 🛠️ ESLint: 统一编码风格和最佳实践 54 | 55 | 6. ⛅ 轻量化设计: 精简项目设置，专注于内容编写 56 | 57 | # 项目内容更新计划 58 | 59 | 目前，我们的技术团队正全力以赴，计划在接下来的几天内完成大部分内容的更新。由于项目仍处于早期阶段，人手相对紧张，因此我们将优先覆盖关键的技术知识点和面试高频问题，确保用户能够尽快获取到最核心、最有价值的内容。 60 | 61 | 在完成初期的内容更新后，我们将进入长期的内容优化和持续更新阶段。我们将紧跟前沿技术趋势和面试热点，不断补充新的知识点，优化已有内容，确保我们的平台始终提供最新、最实用的技术资料。当有重大技术变革或框架更新时，我们会第一时间推出相关的专题解析和面试应对策略，让用户始终站在技术的前沿。 62 | 63 | 为了让更多用户参与到内容建设中，我们也欢迎大家通过加入我们的技术社区，共同讨论、贡献自己的见解和经验，甚至参与到我们的开源项目中。这不仅能帮助项目快速成长，也为开发者们提供了一个展示和提升自我的机会。 64 | 65 | 无论你是刚开始学习的学生，还是正在准备面试的开发者，都能在我们的平台上找到合适的学习资源。感谢大家的理解和支持，我们会持续努力，打造一个真正帮助用户提升技术能力的平台！ 66 | 67 | ![20250304102251](https://raw.githubusercontent.com/xun082/md/main/blogs.images20250304102251.png) 68 | 69 | # 如何参与内容贡献？ 70 | 71 | 我们欢迎所有对技术学习和分享充满热情的开发者参与我们的内容建设！无论你是学生、刚入职场的开发者，还是经验丰富的技术大咖，只要你愿意分享自己的技术知识和经验，都可以加入我们的社区，共同推动项目发展。 72 | 73 | 内容贡献方式： 74 | 75 | 1. **撰写技术内容**：你可以分享技术文章、面试题解析、学习笔记、项目经验等。我们会将优质内容发布在平台上，帮助更多用户学习和成长。 76 | 77 | 2. **参与开源项目**：我们有一些开源项目正在进行中，欢迎大家参与其中，为社区提供更多实际案例和实战经验。 78 | 79 | 3. **提供反馈与建议**：如果你在使用平台时有任何建议或发现内容中的问题，欢迎主动与我们联系，帮助我们不断完善平台。 80 | 81 | 如何参与？ 82 | 83 | - **添加微信**：扫描下方二维码或直接添加微信号（XXXXXXX），备注“内容贡献”，我们会第一时间与你取得联系。 84 | 85 | - **加入技术交流群**：在群内不仅可以讨论技术问题，还能及时获取我们的项目动态和参与机会。 86 | 87 | 贡献者的专属福利： 88 | 89 | - 后续可以优先体验我们的**独家技术服务**，获取前沿技术的深度学习资料和指导。 90 | 91 | - 享受一些平台提供的**商业合作机会**，参与我们的商业项目，共同探索更多可能性。 92 | 93 | - 有机会成为我们的**核心成员**，参与平台发展决策，获取更多专业提升和资源支持。 94 | 95 | 让我们一起打造一个开放、友好、充满技术热情的学习社区，期待你的加入！😊 96 | 97 | 你可以这样描述我们的收费模式，更加清晰地传达出免费与付费服务的区别和选择的灵活性： 98 | 99 | --- 100 | 101 | # 站的收费模式是怎样的？ 102 | 103 | 我们始终坚持知识共享的理念，平台上所有核心的八股文内容完全免费开放，任何用户都可以无限制地访问和学习。这意味着你可以在这里获取到全面、深入的技术知识，轻松备战技术面试，而无需支付任何费用。 104 | 105 | 如果你有更高的学习需求，我们还提供一系列增值服务供你选择，这些服务包括： 106 | 107 | - **AI 模拟面试**：通过智能化的面试场景模拟，帮助你提前熟悉面试流程，提高面试表现。 108 | - **实战项目课程**：参与真实项目开发，从零到一积累宝贵的项目经验，提升简历竞争力。 109 | - **面试辅导**：提供真实面试场景中的技巧指导，从自我介绍到技术问题解答，全方位提升你的面试能力。 110 | - **一对一指导服务**：根据你的学习进度和目标，提供个性化的学习建议，帮助你制定更高效的学习路径。 111 | 112 | 我们的增值服务采用灵活的订阅或单次付费模式，用户可以根据自己的需求自由选择。无论你是专注于免费的学习内容，还是希望通过付费服务获取更深入的帮助，我们都致力于为你提供最优质的学习体验，帮助你在技术道路上快速成长，迈向更好的职业发展！ 113 | 114 | # 加入我们的技术交流社群！ 115 | 116 | 为了帮助大家更好地学习和交流，我们特别创建了一个技术交流社群。在这里，你可以： 117 | 118 | - 💬 **讨论技术问题**：无论是学习过程中遇到的技术难题，还是面试中的困惑，我们的社区都欢迎你提问交流。 119 | 120 | - 🌐 **参与开源项目**：我们已经有一些成熟的开源项目，欢迎你参与其中，不仅能积累宝贵的项目经验，还能为你的简历增色！ 121 | 122 | - 🤝 **拓展人脉资源**：与志同道合的技术爱好者、开发者和求职者交流，建立你的人脉圈子。 123 | 124 | - 🎯 **获取一手资源**：我们会在群内优先发布最新的学习资源、技术文章和开源项目动态。 125 | 126 | 无论你是学生、刚入职场的开发者，还是正在准备面试的求职者，都能在这里找到适合自己的学习路径和技术支持。快来加入我们，与社区成员一起成长吧！ 127 | 128 | 为了让大家在群内保持轻松、愉快的交流氛围，请大家自觉遵守以下群规： 129 | 130 | 1. 尊重他人：请保持沟通礼貌，避免人身攻击、语言冒犯或引发争议的言论。 131 | 132 | 2. 专注技术交流：群内主要讨论技术相关话题，请避免无关内容（如广告、外链、无意义的刷屏等）。 133 | 134 | 3. 乐于分享与帮助：鼓励大家分享自己的学习经验、项目心得，帮助有需要的群友。 135 | 136 | 4. 避免重复提问：在提问前建议先搜索群内历史消息，或查阅群公告中的常见问题解答。 137 | 138 | 5. 不讨论敏感话题：禁止讨论政治、宗教、暴力等敏感内容，保持群内环境的健康、和谐。 139 | 140 | 6. 文明互动：拒绝争吵和无意义的争论，理性沟通，鼓励建设性讨论。 141 | 142 | 7. 保护隐私：避免在群内泄露个人隐私信息，防止不必要的安全风险。 143 | 144 | 8. 让我们一起创造一个温暖、互助的技术社区，期待每一位成员的积极参与！😊 145 | 146 | 群聊二维码地址： 147 | 148 | 1. [掘金沸点](https://juejin.cn/pin/7476370566368608290) 149 | 150 | 2. [github 地址](https://github.com/code-cracks/code-crack/blob/main/%E8%81%94%E7%B3%BB%E6%88%91%E4%BB%AC%E5%92%8C%E5%95%86%E5%8A%A1%E5%90%88%E4%BD%9C.md) 151 | 152 | > 如果加群失败，请添加维护者微信 `yunmz777`，添加请备明来意。 153 | 154 | # 我们的开源项目 155 | 156 | 我们的开源项目主要有这些： 157 | 158 | ![20250304101838](https://raw.githubusercontent.com/xun082/md/main/blogs.images20250304101838.png) 159 | 160 | 还有一些并没有怎么推广的 NestJs 项目，如果你也想参与，可以添加我的微信进行联系，如果你喜欢，欢迎 star。 161 | 162 | [仓库地址](https://github.com/xun082) 163 | 164 | # 最后 165 | 166 | 我们正在参加字节出品的 AI 编辑器 [Trae](https://www.trae.com.cn/?utm_source=juejin&utm_medium=juejin_trae&utm_campaign=single) 活动，如果你想用 AI 编辑器来提升你的工作效率，那就快来下载注册试试吧 167 | -------------------------------------------------------------------------------- /项目实战.md: -------------------------------------------------------------------------------- 1 | 暂未编写，有需要请添加微信 `yunmz777` 进行联系，添加后请务必说明来意！ 2 | --------------------------------------------------------------------------------