满分回答教你如何应对面试中项目经验这一难关
(给前端瓶子君加星标,提升前端技能)
作者:亦逊
https://juejin.im/post/5e7aed9c6fb9a07cac1d872d
前言
本篇文章的作者是来自阿里淘系用户增长前端团队的“亦逊”,18年作为双非本科生通过层层面试,校招进入阿里,今天以过来人的身份给大家分享在面试官问起项目经验时,该如何回答。
说起面试
说起校招面试,大家总会感觉心慌慌。可能是不自信,可能是感觉好多没准备好。没关系,既然投递了简历,又通过了筛选,就不要胆怯。首先要知道面试官都是抱着想把你招进来的想法的,只是想多了解你的具体情况。既然面试官愿意花时间和你聊,那么证明自己还是有实力的,有被看中的闪光点,那么有什么好心虚的呢,勇敢自信的面对就好了。
STAR法则
在写简历和面试过程中,都需要描述工作经验或个人经历。优秀的面试者往往会用 STAR 法则来建立个人事件,让面试官可以更好地通过你过去的经历来判断你的个人能力和潜质。
重新回顾一下 STAR 法则四要素:
Situation:事情是在什么情况下发生,基于一个怎样的背景;
Task:你是如何明确你的任务的;
Action:针对这样的情况分析,你采用了什么行动方式,具体做了哪些工作内容;
Result:结果怎样,带来了什么价值,在整个过程中你学到了什么,有什么新的体会。
往往大部分同学一上来就直接介绍做了什么以及实现的过程,条理也比较清晰,内容也颇具技术含量。但很多同学很容易忽略了 Situation 和 Result 的部分也就是背景和结果。或者是在面试官进一步了解追问细节的时候容易惊慌失措。这些原因往往都是由于面试前对自己的经历没有将来龙去脉讲清楚以及总结不够全面和深入。
举个例子:比如有的同学提到了在 XXX 项目过程中实现了一个 Webpack 插件 XXX,这个插件的功能是 XXXX 并且在 Github 上开源了。整个实现过程和思路都比较清晰,面试官听的也是饶有兴致,甚至回想起年轻时某个夜晚加班研究 Webpack 插件的青涩时光。
尽管这样面试官也同样希望了解当时项目的背景,是什么原因导致你要想到通过做 Webpack 插件来解决而不是通过其他工具,以及这个插件给项目带来了怎样的价值(是构建性能还是其他?)。背景和结果是面试官非常看重的一部分,必须拿出足够的理由和价值来说服面试官,否则尽管你在这个项目投入了足够的精力但最终并没有为你的面试评价加分,这是十分可惜的。
这时候有的同学也会想:**我的项目只是个人/学校的练手项目,对于项目结果我想不到非常有吸引眼球的价值。**那么这个时候你不妨说一下你在项目中学到内容,比如在这个 Webpack 插件例子中,就可以说一下:
Compiler 和 Compilation 以及它们的区别;
Webpack 是通过什么方式实现了插件之间的关系以及保证它们的有序性;
开发插件时需要依据当前配置是否使用了某个其他的插件而做下一步决定,如何判断 Webpack 当前使用了哪些插件;
开发插件过程中借鉴了其他插件的思路,我对这个插件源码的理解;
等等等等。
以上的在实际开发 Webpack 插件过程中大部分都会遇到,这些问题如果你有记录和总结也能作为 Result。
面试场景还原
下面笔者场景还原一下项目经历面试的过程,借助 STAR 法则来简单介绍一下自己之前在做浏览器API兼容性检查器的过程(通过口述将一件事情清楚描述在面试中也是非常重要的,以下均为口述方式,所以没有图)。
面试官:
我看到你在简历中提到实现了一个检查浏览器 API 兼容性的工具,可以介绍一下么?
我:
(Situation) 好的,当时的情况实际上是一次线上的用户的舆情反馈说页面白屏/打不开,通过 JSError 日志的排查我发现最近出现大量类似 InterpObserver is not defined 的日志,同时和我最近一次发布的模块曝光需求时间线是差不多吻合的,所以很快定位到了是当时使用浏览器 InterpObserver API 做 DOM 曝光时没有考虑到兼容性的问题。
面试官:
那问题解决了么?
我:
是的,当时定位到问题后通过增加 polyfill 的方式很快解决了这个问题。**(Task)**后来我借着这个问题我自己也进行了思考,其实随着操作系统和浏览器的更新,越来越多的 JS/浏览器的新特性开始被支持。为前端开发带来便利的同时,也会带来一些不可避免的兼容性问题。兼容代码(polyfill)的忽视很容易造成不可预估的问题。但如果只依赖开发人员人工检查兼容性问题并不是最优雅的解决方案,毕竟人工的难免会有遗漏。所以我想是不是能够开发一个集成现有的兼容性检查规则的工具将这个过程自动化。
面试官:
不错,详细介绍一下具体过程吧。
我:
(Action) 恩,这个想法诞生之后我就去了解了一下常用的前端兼容性检查网站:Caniuse 和 MDN 这两个是我比较常用的。后来发现这两个网站的检查数据实际上在 Github 上都对应维护了一份静态的检查规则(caniuse-db 和 mdn-browser-compat-data),这些数据都是具有特定结构的 JSON 文件,尽管这两者对浏览器支持程度描述的方式不太一样,但已经能满足得到兼容性数据的基本要求。接下来就是对代码的分析检查,将代码和这些规则进行比较。这个过程需要对代码进行语法逻辑分析,所以我想到了用 Babel 将代码转化成 AST 语法树进行特定遍历。同时我整理常规的 API 的调用方式我发现不外乎几种,比如:NewExpression(构造表达式) 和 CallExpression(调用表达式)。当这些信息都掌握清楚后我觉得这件事情是具备技术可行性的。
面试官:
恩,这个实现过程有没有遇到哪些问题?你是怎么解决的?
我:
(Action) 恩有的,刚刚提到 Caniuse 和 MDN 维护的静态 JSON 数据,我在实现过程中将这两份数据进行了格式的统一,目的是将两块数据进行互补同时方便后续进行检查比较。最终事实上得到了接近 9w 条数据,如果直接拿来对比是很影响效率的,所以当时利用 browserlist 可以配置指定目标检查的浏览器范围,比如 iOS Safari 9 以上,通过这一层去过滤在该范围内没有兼容性问题的数据,从而减少对比提升效率,也为开发者提供灵活的配置能力。第二个问题同样也是检查的性能优化,是通过 isReferencedIdentifier 去检测标识符是否有被真正引用到。
最后是这个工具与如何接入发布流程的管控,由于公司的发布流程采用的是云构建的方式,所以我在发布之前先经过这个工具的校验,并且将检查的结果打通消息通知和邮件系统,**(Result)**帮助其他人在发布前得到项目代码的浏览器 API 兼容性检查报告,避免了这类问题的再次出现。这次的经验帮助我加深了对 Babel 和 AST 的理解。
面试官:
那你了解 Babel parse AST 的过程么?
我:
在解析成 AST 过程中有两个阶段:词法分析和语法分析。
词法分析阶段:字符串形式的代码转换为令牌(tokens)流,令牌类似于AST中的节点;
语法分析阶段:把一个令牌流转化为 AST 的形式,同时把令牌中的信息转化为AST的表述结构。
面试官:
你项目中说的 AST 遍历的过程能再详细说说么?
我:
Babel 在处理一个节点时,是以访问者的形式获取节点信息并进行相关操作。这种方式是通过 Visitor 对象来完成的,Visitor 对象中定义了对于各种节点的访问函数,这样就可以针对不同的节点做出不同的处理。比如我在项目过程中主要针对 NewExpression 和 CallExpression 进行处理,通过 path 参数对节点以及节点的父子节点以及进行判断筛选,balabala。
总结一下
面试官的「套路」
面试时所问的问题基本分为两种:具象的问题和开放性的问题。
具象的问题基本都会参考工作经验按照 STAR 法则来进行,主要是了解基本的素养,技术深度和潜力。
开放性的问题基本是考察思维发散能力,考察在某个领域的深度和广度,基本上会结合技术问题来问,或者是结合工作内容来问。
比如:实现某种技术的 n 种方法?某种技术的实现原理?和什么什么相比有哪些优缺点?你对这项技术的思考是什么?
面试者的「应对」
就实际情况做回答,提前准备的时候多发散,多思考,多总结。这一块是可以自己准备的加分项。
发散性问题主要是看自己平时积累。首先基础知识要牢固,同时也要了解最新技术动态。面对这类问题切记也不能答非所问而跑题了。
最后
欢迎关注【前端瓶子君】✿✿ヽ(°▽°)ノ✿
回复「算法」,加入前端算法源码编程群,每日一刷(工作日),每题瓶子君都会很认真的解答哟!
回复「交流」,吹吹水、聊聊技术、吐吐槽!
回复「阅读」,每日刷刷高质量好文!
如果这篇文章对你有帮助,「在看」是最大的支持
》》面试官也在看的算法资料《《
“在看和转发”就是最大的支持
满分回答教你如何应对面试中项目经验这一难关相关推荐
- 如何应对面试中的常见问题?
在面试中,很多人会遇到一些经典的问题.虽然这些问题听起来简单,但是它们其实是挑战你的能力,帮助面试官更好地了解你的背景和个性.如何应对面试中的常见问题?下面小编就来详细为大家分享! 常见问题有哪些? ...
- 面试中项目讲解的步骤
面试中项目讲解的步骤 目录 1.项目开发时间 2.项目背景 3.项目需求(功能模块) 4.开发技术 5.负责内容 6.项目收获 本文章只是对六个步骤进行解析,具体的需要自行补充内容. 1.项目开发时间 ...
- java程序员面试交流项目经验
1:请你介绍一下你自己 这是面试官常问的问题.一般人回答这个问题过于平常,只说姓名.爱好.工作经验,这些简历上都有.其实,面试官最希望知道的是求职者能否胜任工作,包括:最强的技能.最深入研究的知识领域 ...
- 论前端面试:项目经验
开篇 各位看官,不知道如果看待面试过程中项目经验的问题? 大家在的和面试官在基础知识上你来我往,面试官对你很感兴趣:小伙子我看你骨骼惊奇,一看就是前端开发的好苗子.那你能不能给露两手,你做过哪些项目? ...
- 分享一些面试中的经验和心得
" 本文作者在2019年实习和秋招中面了10多家公司,只吃过一次拒信,拿到的offer中不乏一些竞争非常激烈的外企与国内大厂的ssp,而且开发/算法的offer都有.值得一提的是作者本科并非 ...
- 面试中 项目遇见的难点答案_你和offer之间只差这几个面试问题!常见面试问题汇总...
99%的人都会大呼"坑爹"的面试问题,你真的知道该怎么回答吗? 记得第一次面试的时候,面试官对简历也很满意,前面都聊的好好的,最后问了一句简历上没有的内容:你的职业规划是什么?我一 ...
- 面试中 项目遇见的难点答案_盘点产品经理求职面试中“可能”会遇到的十大项目管理问题...
" 在整个春招和秋招过程中,作者除了拿到产品经理岗位的OFFER之外,还拿到了网易游戏.大疆.商汤科技等公司的项目管理岗位的OFFER.有些学弟学妹会对产品经理和项目管理两个岗位在面试过程中 ...
- 面试中 项目遇见的难点答案_2019 百度、头条、小米、360、网易、拼多多等公司 Android 社招面试心得...
每到"金三银四"的季节,总人很多人去寻找名叫"面经"一样的东西,其实就是一个个具体的题目,然后临阵磨枪,去"背"答案,如果一直是这样的话,我 ...
- 面试中 项目遇见的难点答案_如何在面试中介绍自己的项目
原文地址: https://www.cnblogs.com/JavaArchitect/p/7586949.html 如何在面试中介绍自己的项目经验 在面试时,经过寒暄后,一般面试官会让介绍项目经验 ...
最新文章
- 一次无线网络故障排除过程
- 北京、广东重名数量查询工具,给孩子起名重名查询
- 20161011L04-03老男孩linux运维实战培训-Linux系统的用户和用户组管理-01
- 1536299 2013 - PPR item change - Genil mode
- 2018百度之星资格赛:1002:子串查询
- 所大学生都要学计算机基础吗,大学生计算机基础学期总结.docx
- 16.了解如何把vector和string数据传给旧的API
- 当Eclipse出现“initializing java tooling has encountered a problem”的解决方法
- 基于大数据的精准教学模式探究
- 系列学习 Lambda 表达式之第 2 篇 —— JDK1.8 的 Stream 流基本使用
- java j2se下载_J2SE基础之下载eclipse并创建项目
- Unity ASE点光源不显示的问题
- 新生儿住月子中心20天患败血症 什么是败血症?有哪些危害
- linux系统下怎么安装.deb文件?
- css3之[2D转化,动画,3D转化] 彩蛋之3D立方体
- 【Error解决实录】win10设置默认浏览器闪退
- 刘晓燕《不就是语法和长难句吗》第一章个人笔记
- python普遍工资-python平均工资
- log4cplus:ERROR No appenders could be found for logger (AdSyncNamespace).
- Matlab求矩阵的Jordan标准形
热门文章
- Ubuntu 16.04中安装OpenCV 2.4.11
- IT男人必学的20大泡妞妙招(请允许我蛋疼的转一下)
- 微软拼音输入法团队博客搬家通知
- 干货分享,一个 IP 网段地址!Python
- android抓包 dns,利用 dns 实现 app简易抓包
- STM32系列 (一)开发环境的搭建
- 离散数学图论全部知识点罗列
- 【HTCVR】VRTK插件案例分析之0031~037
- redis键值出现 \xac\xed\x00\x05t\x00的解决方法
- ubuntu 安装过程中 安装界面卡死完美解决办法 笔记本