前端面试必考题：介绍项目和项目难点

大家好，我是宝哥

有需要领昨天的那个投票最高的红包封面的可以加我微信吧。

接下来的更新回归技术分享。星标我的公众号的可以收到更新。

分享一篇掘金的文章，讲面试中常常遇到的一大难题。

---

程序员大都有一个特点：会做，不会写，更不会说

前端面试，以及任何技术岗位的面试，都离不开项目，这是必考题。简历中要写项目，面试时要聊项目。

基础知识、八股文、原理源码等这些，都是可以通过学习甚至背诵来补齐的。但项目不行，你再努力也弥补不了自己的真实项目经历。有经验的面试官，会通过项目问题来考察候选人的真实技术能力。

但程序员大都有一个特点：会做，不会写，更不会说。我 1v1 评审过很多简历，发现这种情况太常见了。写都写不好，肯定也说不好。

本文就结合一个实际的案例，分享一下，面试时如何介绍项目，如何描述项目难点。

简历：正确描述项目经验

先会写，才会说

先说一下如何写，先写到简历中。先会写，才会说。

我很早之前就写过一篇文章 简历中的“项目经验”该怎么写 ，里面介绍了使用 STAR 模型，来描述项目经验。

另外，还可以看看 视频版 ，里面分享了很多优化项目经验的案例。同时扩充项目内容、发掘项目亮点。

面试：介绍项目

【面试官提问】介绍一下你近期（半年之内）做过的一个项目

选择最有价值的项目

面试官让你说半年之内的，你没必要非得限制在半年之内。反之，你要去选择一个最有技术价值的项目，什么项目最能体现你的技术能力，你就选择哪个。

其实写简历也是一样的。简历中的项目经验，可能有 4-5 个项目，不要按时间排序，要按技术价值的优先级排序。

不过，如果你选择了一个之前的项目，那一定要能让自己回忆起来，要非常熟悉才行。这些都要提前准备，不能临时现想。

案例和模板

拿一个案例来说吧。近期有个同学和我 1v1 评审简历、模拟面试。他是做医疗系统的，这是我给他梳理的项目介绍模板。

首先，要说清楚这个系统的背景和功能，它是什么行业，做什么的。以及包含多少个模块、几个端、多少角色等。让面试官有个清楚的认识 —— 这一点很重要。

然后，再说明自己的项目角色，负责哪些主要工作。同时还要说明该项目的主要技术栈，以及使用了哪些主要的工具等。

记住，我们是技术人员，一切的终点都要回归到技术上来。如果只谈功能不谈技术，那你就成产品经理了。

不要冗长、不要细节

可能很多同学已经知道，面试的时候，必考项目和难点。所以，当面试官问到项目介绍的时候，他就迫不及待的想要表现出自己知道的所有东西。于是，介绍完项目，就开始不间断的介绍项目的技术细节、难点 …… 如果他再语速快一点，肺活量大一点，说起来 1 分钟不停顿 …… 直接受不了！

别着急，无论干啥，都注意节奏和沟通。再例如面试时做一些手写、笔试题，也不要闷头一直写，遇到问题沟通一下。

项目介绍，就是项目介绍，最多 2-3 分钟介绍完了就可以了。接下来是否要继续，多和面试官沟通。

结合简历内容，引导面试官的思路

那如何有效的和面试官沟通呢？可以结合简历中的项目经验描述 —— 这是我的“独家秘方”

介绍完项目之后，你可以和面试官说：我在项目中的主要职责，都写到简历中了，有 a b c 这几点，你看你如果想继续了解哪块儿，我们可以继续详细深入的聊一下。

这就是引导面试官的思路。

此时，面试官可能会挑选一个，或者干脆让你选一个。反正无论如何，简历中的内容，都是你事先准备好的，你当然可以说的清楚。

面试：介绍项目难点

【面试官提问】介绍一下项目中的一个难点或者成就

如何选择难点

一说到项目难点，我遇到很多同学的反应：啊？没难点啊，都不难啊，不就写代码吗，有 bug 解决就是了 ……

现实肯定不是这样子的，如果真这么简单，程序员也不至于那么多“秃”然现象，很多工作还是比较烧脑的。例如有些设计方案需要开会好几轮、讨论好几天，例如有些 bug 好几天都查不到原因。

这些都是项目难点。难点，就是你、或者身边的同事，不能轻易最出来的事情，不能轻易解决的问题。

案例和模板

还是刚才那位同学，和我 1v1 咨询，他一开始也觉得项目没啥难的，后来经过我的引导，找出了一个非常好的点 —— 一个非常复杂的表单编辑器。

首先，说明需求和背景，让面试官明白你做的是个什么事情，为何是个难点，难在哪里？—— 这很重要。

然后，说明解决方案，通过什么途径、什么方式、什么技术，来解决这些难点。注意，这里要多说一些技术名词，体现技术解决方案。

最后，说明解决以后的成果，带来了什么价值。

不一定非得是一个，可以是两个或多个

面试官让说一个，你也没必要非限制一个。工作不是数学题，灵活处理即可。

如果你的项目难点没有那么多内容，可以准备 2-3 个，一块说。
但，一定要分清主次。主要说一个，其他的作为辅助内容。

不要细枝末节，要有技术视野

项目难点尽量规模大一些。例如说一些技术方案的设计，这可以更加全面、完整的体现自己的技术能力。

不要说一些细节的 bug ，虽然很麻烦，但最后发现只需要改 1 行代码即可。这样的难点，无法全面体现个人能力。

尤其是毕业多年，有丰富工作经验的同学。要求要有大的技术视野，不能光盯着一些小 bug 打转。

应届生怎么办

应届生没有项目，那该怎么办呢 —— 谁说应届生没有项目？

实习的项目，毕业设计的项目，再不行跟着课程做一个项目，途径非常多。现在这情况，如果应届生简历没有项目，那基本不会通过筛选的。

再说实习。实习不是光让你去给别人当小弟使唤的，而是让你去一个工作环境中体验流程、开拓视野的。

所以，实习不要光盯着自己的工作，也要去咨询别人，看看别人的代码是怎么写的，看看整个系统是如何搭建的、如何运作的。

如果你以这种思维去实习、做项目，那项目难点也就好找了。再不行你找我，和我聊聊。

1v1 模拟面试 - 考察 & 梳理项目难点

每个人的情况都不同，不是一个模板能完全套用的。如果你想详细梳理自己的项目，可以来找我 1v1 模拟面试。

你要自己准备好项目的所有内容。我作为面试官会让你介绍项目、描述项目难点。其中还会提出各种项目相关的问题。

最后我会指出你整个过程中的所有问题，并重新梳理项目介绍和难点。

关于本文

作者：前端双越老师https://juejin.cn/post/7296404570949648434

公号文章分七类

随时都会有更新

程序员

1. 真诚利他

2. 一个30岁前端老社畜的人生经历

3. 2023年中大厂面试经历分享，很可惜，但是没关系

4. 给迷茫的朋友一点建议吧，主要是前端方向的。

5. 37岁的老前端在大专院校教前端

6. 一个30岁老前端的人生经历（学习+工作+婚姻+孩子），给迷茫的朋友一点激励。

7. 程序员如何应对ChatGPT带来的改变

8. 尤雨溪解读 2022 Web 前端生态趋势

9. 阿里前端：我的老婆失业了，周围同事也在不断被裁

10. 一个月薪 12000 的北京程序员的真实生活

11. 作为前端，工作中处理过什么复杂的需求？

12. 尤雨溪亲自回应Vue.js涉及国家安全漏洞问题

13. 开源作者恶意搞破坏，谁来为开源买单？

14. 程序员裸辞后，在家全职接单一个月的感触

15. 2022年如何成为一名优秀的大前端Leader？

面试

1. 14个JS面试难点深入解读与代码实现

2. 中小型公司三年工作经验的面试经历

3. 2023年中大厂面试经历分享，很可惜，但是没关系

4. 面试官：能不能给 Promise 增加取消功能和进度通知功能... 我：？？？

5. 一个22届被裁前端思想上得转变

6. 23年底，两年前端菜狗被裁后的面试经历

7. 一年空窗期后我是如何准备面试的？

8. 一份比较完整的字节技术面试题，包含算法、计算机网络和前端等

9. 面试官：请使用 JS 完成一个 LRU 缓存？

10. 正确介绍自己的项目，终于不用害怕面试了

11. 本人是工作 11 年的老前端，面试一个月忽悠了十几个 offer

JavaScript

1. 14个JS面试难点深入解读与代码实现

2. ES14数组升级来袭，这六个新API助你高效开发

3. FaceBook 开源 AtomicCss 解决方案：Stylex

4. 前端是怎么解析Excel、PDF、Word、PPT等文件的？

5. 面试官：能不能给 Promise 增加取消功能和进度通知功能... 我：？？？

6. 14个提高JavaScript代码质量的小技巧

7. JS es6仿网易云音乐播放器

8. WebSocket 从入门到入土

9. 如何构建一个仅有2KB大小、无依赖的状态管理器（以及它如何帮我获得两个不同的工作机会）

10. JS代码其实可以这样写

11. 详解HTML中的拖拽案例和难点分析

12. 20 个 JS 工具函数助力高效开发

13. 使用 JavaScript 编写更好的条件语句

14. JS 运行机制最全面的一次梳理

15. 8个console.log的解决方案

16. 25个有用的 JavaScript 单行代码

17. 前端工程师都在忙些什么？

18. 我用 80 行核心 JS 代码每个月躺着挣一瓶肥宅快乐水

19. localStorage 的高阶用法

20. 某一线前端小组长的 Code Review 分享

21. 一行 Object.keys() 引发的思考

22. 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理

23. 常用的前端JavaScript方法封装

24. 刷算法题常用的JS基础扫盲

25. 2022前端应该掌握的10个 JS 小技巧

26. Three.js实现跳一跳(在线玩)

27. 10个常用的JS工具库，80%的项目都在用！

28. 我的代码简洁之道

29. 一行 Object.keys() 引发的血案

前端开发

1. 聊一聊自己的前端之路以及后面晋升的一些想法

2. 如何做好前端项目组组长

3. 如何构建一个仅有2KB大小、无依赖的状态管理器（以及它如何帮我获得两个不同的工作机会）

4. 高级前端开发工程师必备：Hooks、React Router v6 和状态管理

5. 高级前端开发工程师必知：浏览器解析代码、JavaScript代码执行流程、原型链与闭包

6. 高级前端开发工程师必备：Hooks、React Router v6 和状态管理

7. 高级前端开发工程师必知：浏览器解析代码、JavaScript代码执行流程、原型链与闭包

8. JS代码其实可以这样写

CSS

1. CSS中的相对单位和绝对单位，以及rem自适应布局

2. 10个常见渐变交互效果

3. CSS动画的实现和最佳优化实践

4. 现代CSS中的换行布局技术

5. 你知道flex: 0 0 200px;和grid-template-columns: repeat(3, 1fr);的含义吗？

6. 10 个不错的 CSS 小技巧

7. 为什么会存在1px问题？怎么解决？

8. 2022 年的 CSS 全览

9. CSS mask 实现鼠标跟随镂空效果

AI

1. 无代码工具+人工智能：19岁少年月入5000美元，八款免费工具助你在线赚钱！

2. AI 时代来临，这些 AI 工具让你的工作更加高效！

3. 程序员如何应对ChatGPT带来的改变

4. 10个热门的ChatGPT项目推荐

5. ChatGPT 8个场景下的灵活应用技巧，让您事半功倍！

资源

1. 程序员必看！15个优秀的中文技术博客汇总

2. AI 时代来临，这些 AI 工具让你的工作更加高效！

3. 程序员如何应对ChatGPT带来的改变

4. 10个热门的ChatGPT项目推荐

5. 推荐15个有用的前端技术博客

6. 尤雨溪解读 2022 Web 前端生态趋势

7. 2022，VSCode 前端插件推荐

8. 几个高级前端常用的API

9. 30个前端开发人员必备的顶级工具

10. 45 个 Git 经典操作场景，专治不会合代码

11. 推荐 10 个很“哇塞”的Web“资源”给前端工友，收藏等于学会~

12. 送给 xdm 的 10 个 web 在线前端资源，优雅永不过时~

13. 干货！移动端真机调试指南，对调试说easy

14. 25 个前端相关的学习网站和一些靠谱的小工具

最后

欢迎长按图片加好友，我会第一时间和你分享前端行业趋势，面试资源，学习途径等等。

添加好友备注【加群】拉你进技术交流群

公众号：前端开发博客 专注 前端开发技术，分享 前端开发资源和 WEB前沿资讯，如果喜欢我的分享，给 宝哥 点一个 赞 或者 分享 都是对我的支持

关注公众号后，在首页：

• 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF

• 回复「Vue脑图」获取 Vue 相关脑图

• 回复「思维图」获取 JavaScript 相关思维图

• 回复「简历」获取简历制作建议

• 回复「简历模板」获取精选的简历模板

• 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。

• 回复「知识点」下载高清JavaScript知识点图谱

• 回复「读书」下载成长的相关电子书

看完有收获的，欢迎点赞、收藏、分享