一份没有项目展示的简历，是怎样在面试里输掉的？开源项目或许是你的救命稻草 😭😭😭

我们公司目前在进行社招全栈开发岗位的招聘，面试过程中，我们特别看重的一点是：如果面试者没有 GitHub 项目或无法提供线上项目链接，那么通常会对简历产生较大影响。因此，我认为参与开源项目是一个非常有意义的举措，不仅能够显著提升个人技术实力，还能有效增强简历的亮点，为求职加分。

目前我们正在运行着两个新的开源项目，它们分别是

file-zenith：多媒体文件处理网站
面试导航：一个有深度且知识面广的八股文面试网站。

项目地址：

面试导航

为什么没有看到开源代码？因为项目有很多图片，需要用云存储来存储，但是现在所以的 key 都是存放在前端的，所以不好直接把项目代码开源处理，如果有需要的话可以开源非线上版本的代码。

面试导航致力于构建一个全面且深入的前端与后端技术面试知识库，涵盖了当前技术栈的核心内容，旨在为技术学习者提供一个系统化、专业化的学习平台。网站的内容涵盖了最新的技术领域，包括 JavaScript、TypeScript、Node.js、浏览器原理、计算机网络、React 源码、前端工程化、性能优化以及前端监控等多个前沿话题。

与市场上大多数面试题库不同，本网站的特点在于不仅提供基础的面试题目，还深入挖掘每个技术点的原理，帮助用户全面理解技术背后的核心概念。每一个知识点不仅包含对其本身的深入分析，还能通过关联与拓展，帮助学习者从一个问题出发，掌握与之相关的其他面试问题，从而形成一个完整的知识体系。

我们项目的特点主要有以下几个方面：

深入原理：我们不仅提供技术的基础知识，还专注于每个知识点背后的原理解析，帮助用户深刻理解技术细节。
知识体系化：每个技术点都是体系化学习的一部分，学习者可以通过一个个知识点的学习，逐步掌握前后端的技术要点，构建完整的技术框架。
广泛的技术覆盖：包括 JavaScript、TypeScript、Node.js、浏览器原理、计算机网络、React 源码、前端工程化、性能优化及前端监控等热门技术。
面试题拓展：每个知识点不仅局限于单一面试题，还能通过对相关问题的拓展，帮助学习者准备更广泛的面试场景。
针对市场需求：填补现有面试网站内容简略的空白，提供更为深入和系统的技术资源，以帮助学习者在激烈的面试竞争中脱颖而出。

项目目标：

帮助学习者全面掌握前端与后端的最新技术，构建扎实的知识体系。
提供深入的技术解析，使学习者能够在面试过程中清晰地表达技术原理和解决方案。
丰富面试题库，从实际面试场景出发，帮助学习者应对多样化的面试问题。
填补市面上技术内容过于简单的空白，提供更高质量的技术学习平台。

通过本网站，用户将能够系统地掌握当前主流技术栈的精髓，提升自己的技术能力，并为面试做好充分的准备。

如何参与内容贡献？

我们欢迎所有对技术学习和分享充满热情的开发者参与我们的内容建设！无论你是学生、刚入职场的开发者，还是经验丰富的技术大咖，只要你愿意分享自己的技术知识和经验，都可以加入我们的社区，共同推动项目发展。

内容贡献方式：

撰写技术内容：你可以分享技术文章、面试题解析、学习笔记、项目经验等。我们会将优质内容发布在平台上，帮助更多用户学习和成长。
参与开源项目：我们有一些开源项目正在进行中，欢迎大家参与其中，为社区提供更多实际案例和实战经验。
提供反馈与建议：如果你在使用平台时有任何建议或发现内容中的问题，欢迎主动与我们联系，帮助我们不断完善平台。

如何参与？

添加微信 ：扫描下方二维码或直接添加微信号 yunmz777，备注"内容贡献"，我们会第一时间与你取得联系。
加入技术交流群：在群内不仅可以讨论技术问题，还能及时获取我们的项目动态和参与机会。

贡献者的专属福利：

后续可以优先体验我们的独家技术服务，获取前沿技术的深度学习资料和指导。
享受一些平台提供的商业合作机会，参与我们的商业项目，共同探索更多可能性。
有机会成为我们的核心成员，参与平台发展决策，获取更多专业提升和资源支持。

让我们一起打造一个开放、友好、充满技术热情的学习社区，期待你的加入！😊

file-zenith

这是一个基于 Next.js 、Tailwind CSS 和 TypeScript 构建的现代化文件处理平台。用户可以在网页上直接进行常见的文件处理操作，提升工作效率。平台支持多种文件操作，确保高效、安全地处理各类文件，支持的操作包括但不限于：

文件压缩：支持压缩图片、PDF 文件等，减小文件大小，便于传输和存储。
文件格式转换：提供多种文件格式之间的转换，例如将 PNG 图片转换为 JPG、DOCX 转换为 PDF 等。
批量处理：支持批量上传与处理，节省时间和精力。
文件合并与分割：如合并多个 PDF 文件或将一个大型文件分割成多个小文件。
安全性保证：平台采用最新的加密技术，确保用户文件的安全性与隐私保护。
持续更新功能：平台将定期更新新的功能，满足用户日益增长的需求，如文字识别、视频压缩等。

无论是日常办公、开发还是个人使用，本工具都能为你提供便捷的文件处理方案，帮助提升工作效率，节省宝贵的时间。

🛠 技术栈

Next.js - 服务端渲染与静态生成支持，确保页面的高效加载与 SEO 优化
Tailwind CSS - 高效的原子级 CSS 框架，快速构建响应式与美观的界面
TypeScript - 类型安全的 JavaScript 超集，提升代码质量与开发效率
NestJS - 强大的 Node.js 框架，用于构建高效的服务器端应用，提供更复杂的文件处理逻辑和 API 支持
Sharp - 高效的图像处理库，用于图像压缩、格式转换和处理
FFmpeg - 强大的多媒体处理工具，用于视频、音频格式转换与处理

🚀 功能特色

🌐 无需安装，在线即可完成文件处理，无需额外配置或下载任何软件。
⚡️ 高性能文件操作，响应快速，文件处理过程顺畅，不浪费任何时间。
🔐 本地处理：所有文件操作均在用户浏览器中完成，避免上传与下载的安全风险。
📱 响应式设计，无论是桌面端还是移动端，均能流畅操作，确保多设备兼容。
🧩 模块化设计，便于功能拓展与维护，可持续增加新的文件处理工具和功能。
🛡️ 隐私保护，平台不会存储用户上传的文件，文件一旦处理完成，即刻删除，确保用户数据隐私。
🔄 CI/CD 自动化：使用 GitHub Actions 实现自动化测试、代码质量分析和预览部署，确保代码质量和快速迭代。每个 PR 自动部署预览环境，SonarQube 实时代码分析保障质量标准。

在提交代码阶段就能看到预览效果方便 code review，这些 ci 还是挺有意思的......

测试目录结构与说明

该项目包含以下测试类型：

text 复制代码

tests/
├── unit/                     # 单元测试目录
│   ├── README.md             # 单元测试文档
│   ├── components/           # 组件单元测试
│   │   └── ThemeButton.test.tsx # 主题按钮测试
│   ├── hooks/                # React Hooks测试
│   │   └── use-mobile.test.tsx # 移动设备检测Hook测试
│   ├── utils/                # 工具函数测试
│   │   └── cn.test.ts        # 样式工具函数测试
│   ├── coverage/             # 单元测试覆盖率报告
│   └── reports/              # 单元测试HTML报告
│
├── integration/              # 集成测试目录
│   ├── README.md             # 集成测试文档
│   ├── components/           # 组件集成测试
│   │   └── Header-ThemeButton.test.tsx # 头部与主题按钮集成测试
│   ├── pages/                # 页面集成测试
│   │   └── HomePage.test.tsx # 首页集成测试
│   └── utils/                # 测试工具
│       └── test-providers.tsx # 测试上下文提供器
│
├── e2e/                      # 端到端测试目录
│   ├── README.md             # 端到端测试文档
│   ├── home.spec.ts          # 首页端到端测试
│   ├── home-po.spec.ts       # 使用页面对象模式的首页测试
│   ├── page-objects/         # 页面对象目录
│   │   └── HomePage.ts       # 首页页面对象
│   ├── reports/              # 测试报告输出目录
│   │   └── index.html        # HTML测试报告
│   ├── results/              # 测试结果目录
│   │   └── .last-run.json    # 最后运行记录
│   └── utils/
│       └── test-helpers.ts   # 测试辅助函数
│
└── coverage/                 # 整体测试覆盖率报告

测试类型说明

单元测试 (Unit Tests)

单元测试关注于测试应用程序的最小可测试单元，通常是单个函数、组件或类。这些测试是隔离的，不依赖于其他部分的功能。

技术栈: Vitest, React Testing Library
运行命令 : pnpm test:unit
覆盖率报告 : pnpm test:coverage

集成测试 (Integration Tests)

集成测试检验多个单元如何一起工作，测试组件之间的交互或数据流。

技术栈: Vitest, React Testing Library
运行命令 : pnpm test:integration

端到端测试 (E2E Tests)

端到端测试模拟真实用户行为，在实际的浏览器环境中测试整个应用程序流程。

技术栈: Playwright
运行命令 :
- 运行测试: pnpm test:e2e
- UI 模式: pnpm test:e2e:ui
- 调试模式: pnpm test:e2e:debug
- 查看报告: pnpm test:e2e:report

测试覆盖率

项目目前的测试覆盖率如下（通过 pnpm test:coverage 查看详细报告）：

语句覆盖率 (Statements): 34.85%
分支覆盖率 (Branches): 76.47%
函数覆盖率 (Functions): 39.13%
行覆盖率 (Lines): 34.85%

关键组件如 Header.tsx (98.46%)、ThemeButton.tsx (100%)、use-mobile.tsx (100%) 和 cn.ts (100%) 已有高覆盖率。

💡 如何贡献

我们欢迎所有形式的贡献，无论是功能建议、代码贡献还是问题反馈。以下是参与项目的方式：

贡献流程

提交 Issue：
- 发现 bug？有新功能想法？请先创建一个 Issue
- 清晰描述问题或建议，附上必要的截图和复现步骤
认领任务：
- 浏览现有 Issue，找到感兴趣的任务
- 在 Issue 下留言认领，表明你将处理此问题
开发：
- Fork 项目仓库到你的账号
- 创建特性分支 git checkout -b feature/your-feature-name
- 进行开发并提交更改
提交 PR：
- 完成开发后，提交 Pull Request 到主仓库
- PR 描述中关联相关 Issue（例如 "Fixes #123"）
- 等待代码审查和合并

开发指南

确保遵循项目的代码风格和最佳实践
添加适当的测试覆盖你的更改
更新文档以反映你的贡献

参与贡献不仅能帮助改进产品，也是提升个人技能的绝佳机会。我们期待你的创意和贡献！

📞 联系我们

如果你有任何问题、建议或合作意向，欢迎通过以下方式联系我们：

微信：yunmz777
GitHub Issues：在项目 Issues 页面提交问题或建议

我们非常重视用户反馈，并致力于不断改进产品体验。无论是技术讨论、功能需求还是使用咨询，都欢迎随时联系！

总结

最后发布一则照片广告，组内急招实习生，有没有想看看快手这边的机会的，vue 技术栈，有微前端经历更佳，可以帮忙看看简历和指导一下：

如果想要其他公司的或者其他岗位的可以留言，如果有相关的都可以帮到你。

除了这些项目之外，我们还有两个其他的开源项目：

如果你想参与进来开发或者想进群学习，可以添加我微信 yunmz777，后面还会有很多需求，等这个项目完成之后还会有很多新的并且很有趣的开源项目等着你。