【地里最全前端面试题型总结】

有点标题党了，希望争做地里最全的前端面试题型总结吧!

前端时间加了一个北美前端群，发现里面很多小伙伴对前端职位面什么内容感到非常困惑。有些人觉得前端面试内容太杂，根本不知道如何准备；有些人觉得前端主要准备BFE就可以了；有些人想问是不是前端就不用准备LC了；有些人不清楚前端系统设计到底考什么内容。刚好最近半年，LZ面了大约30家公司的前端Sr职位。面试的公司涵盖各大厂，最近几年刚上市的明星中厂，一些独角兽公司以及一两家LZ本地的上市中厂。拿到了其中一半左右公司的offer。我就以这30家出头的公司作为一个样本，给大家分类罗列一下各种前端面试的题型，以及各题型出现的频率。一方面填补一下地里前端资源贫瘠的空缺；一方面为自己半年来的面试做一个总结，好让自己一下次的面试能快速回忆起一些细节。

Notes：

• 各题型出现频率分子父母以公司数量作为单位，不以题目数量作为单位。（同一个公司出现多次同一题型按单次计算频率）
• LZ不少公司没进到VO，所以分子的数量肯定会相对偏少，看个大概就行。
• LZ这次基本没有面不太知名的小厂和初创，所以肯定不可能涵盖所有的题型。
• 这个帖子我主要想探讨北美前端面试的题型，不想泄露具体某家公司的面试内容以及具体面了哪家，所以也不要再评论区问我，请见谅。
• 欢迎补充我没有遇到过的题型，也希望互相学习。
• 敲这么多字很累，觉得有收获不要吝惜给米。
  

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

前端问题：
Build a mini app (出现频率45%)

• 这类型的题是我遇到的前端题型里最常见的，很多公司店面和VO都会考，也是我最喜欢和最擅长的题型。LZ面试里遇过的写mini app的题几乎没有失手过。因为比较考实操，和平时工作里的内容很类似。Senior前端选手以及React写的熟练的应该都会很喜欢这种题。
• 通常mini app的内容和公司的业务相关，可能是公司主打产品里的一小块。当然也会出一些常见的题比如调用Search API显示dropdown or list of items，Image carousel相关的题，todo list，etc。
• 总结这类题的共性是fetch一个endpoint拿数据，进行一些data parsing之后render成UI，加一些User Interaction。其中八成的公司会默认用React写，也有部分公司必须用Vanilla JS。有些题侧重考察不同React hooks的使用，有些题侧重考察promise/async/await和data parsing，有些主要考察存放数据的data structure。
  

Implement a widget (出现频率12%)

• 这类型的题其实和mini app很类似，我单独拿出来主要是因为widget很重要的部分是考察API的设计。API的易用性和可扩展性、Widget的复用性、component的拆分都是考察的一部分。
• 准备这类型题主要就是写几个常见的Widget，例如Image Carousel, Tab Component, Accordion, Dropdown, Star Rating, Tri-state Checkbox。用React和Vanilla JS各写一遍。这个准备的过程其实
  您好！
  本帖隐藏的内容需要积分高于 188 才可浏览
  您当前积分为 0。
  使用VIP即刻解锁阅读权限或查看其他获取积分的方式

  游客，您好！
  本帖隐藏的内容需要积分高于 188 才可浏览
  您当前积分为 0。
  VIP即刻解锁阅读权限 或 查看其他获取积分的方式
  Unlock interview details and practice with AI
  Curated Interview Questions from Top Companies
  
  Google Doc, Search App。
  

产品/项目设计
这类设计题在前端面试中比较少遇到，每家的风格都不一样，大致遇到过以下这几类，没有明显的边界，很多考查的能力点是有交错的。面试中和面试官的沟通交流非常重要。

• Product Design: 主要考察cross-functional的协作能力以及UX Sense，对产品功能的理解以及想象力。面我的是一个Visual Designer。
• Product/Technical Taste: 主要考察是对于产品的品味，功能的改进，技术的选择。
• Project Life Cycle: 作为一个Project Lead，拿到一个项目的初始原型，理解用例，沟通了解需求，如何拆分项目，计划和分配任务，proritize任务，以及预判在执行和验证项目时需要注意的点。
  

Behavior Questions
这个其实前后端没啥区别了，但是BQ也是决定level很关键的一轮。随便列举一些常见的题，以及面试官想获取的信息：

• 讲一个Recent Project。
  a. Cross-functional Impact, 和多少组合作，lead了多少人
  b. 是否Mentor别人
  c. 有没有什么complex obstacle
  d. 从商业和工程不同的角度分析问题
  e. Balance between long-term and short-term goals
  f. Any KPI and metrics体现项目的成功性
• What are the differences between junior and senior engineers? - 对于Senior职责的理解
• Tell me a time when you fall behind the schedule - 项目管理的能力
• Tell me a time you disagree with peers. - 倾听力，同理心，沟通合作的能力
• How to handle conflict management? - 应对突发状况的能力
• Tell me a time when you receive some negative feedback or criticism. - 情绪管理、学习改进的能力
  

总结的挺全面的了。。不过看完真是觉得我还是面后端算了。。。

您好！
本帖隐藏的内容需要积分高于 100 才可浏览
您当前积分为 0。
使用VIP即刻解锁阅读权限或查看其他获取积分的方式

游客，您好！
本帖隐藏的内容需要积分高于 100 才可浏览
您当前积分为 0。
VIP即刻解锁阅读权限 或 查看其他获取积分的方式
Unlock interview details and practice with AI
Curated Interview Questions from Top Companies

请问怎么加北美前端群

很有用的帖子，感谢楼主！

好奇想问一下楼主最后去哪了。。

哪位大爷帮发到回复里🙏。为什么要到100才能看？天天打卡+发帖也才30🥲

看来是你没去之前也不知道那家公司会面算法还是知识类的题目，必须准备面试的时候算法跟知识经验类的都的准备一遍

wendyfangROBJ 发表于 2022-06-29 21:42:36
好奇想问一下楼主最后去哪了。。

即将入职Abnb

匿名用户 发表于 2022-06-29 21:49:13
哪位大爷帮发到回复里。为什么要到100才能看？天天打卡+发帖也才30

我没设分，可能是太长了😹

497716933 发表于 2022-06-30 01:03:16
看来是你没去之前也不知道那家公司会面算法还是知识类的题目，必须准备面试的时候算法跟知识经验类的都的准备一遍

通常面理论知识类的公司爱考算法。有一部分公司是纯考前端实操题。没面之前可以问HR，如果HR靠谱是会告诉你题型的。