简介:今天将分享由美团大佬给大家带来的春招准备事项。
可前往公众号查看原文:
前端面试,关注公众号,查看最新面经和技术文章哦~
本文由团队的美团大佬供稿,从面试官的角度对面试过程中遇到的问题进行分类分析,强烈建议大家认真阅读。
考研成绩已经尘埃落定 ,最近也一直在春招面试 ,面了不少学生 ,有即将毕业的研究生 ,本三,考研失利的,还有部分优秀的大专生。每次面试之前我都会认真准备一番 ,总是担心考察的不到位 ,错过一些优秀的人才。主要是针对一面讲一下自己的一些心得,希望能对准备春招的同学有所帮助。
一般情况下,在学校的前端开发,都是兴趣使然,单兵作战,工作之后需要协同合作,项目开发中会遇到各种问题 ,不是技术能够解决的,业务的复杂度,以及体量也是在校期间的项目远不能比的 。因此,对于校招生,我们更关注的是基础和潜力,这些是获得面试机会的资本,也是决定是否能够通过面试的重要因素。那么问题来了 ,我们是如何考察这些听起来比较虚 ,或者你应该怎么展示出这些能力来 。将这些表达出来 ,比你项目中写了多少行代码有用的多,特别是大厂面试 。
面试时间一般为40分钟左右 ,如果太差,会提前结束 ,不过我还是会聊些其他的 ,校园生活或者个人爱好之类的 。比较优秀的也会挖掘1个小时左右,因为每一个问题都决定着你工作的起点 ,主要是薪资方面的吧 。
学科基础:计算机网络 ,常用的数据结构 ,算法。这一方面都会问一道题。
前端基础 :HTML、CSS、JavaScript、移动Web开发、调试。相关基础大家自行总结 ,有困惑或者疑问,可以留言。
JavaScript考察的比重会比较大,建议看一下js的红包书,自己总结。我现在也会继续翻看 ,不同阶段会有不同的收获。个人比较常考的是类型判断 ,闭包 ,作用域,异步操作等重点,且工作经常用到的一些基础知识。
以上前端最基础的三项,是我们比较重视的 。回答分为一星,二星,三星...
id选择器、class选择器、属性选择器
伪类选择器、伪元素、后代选择器、子类选择器、兄弟选择器
说出前三个 ,算是及格了 ,要是补充说出后面的以及使用场景 ,就是两星了 。当然我们考察不会这个单一,都会接着问权重规则
第一优先级:!important
会覆盖页面内任何位置的元素样式
1.内联样式,如style="color: green"
,权值为1000
2.ID选择器,如#app
,权值为0100
3.类、伪类、属性选择器,如.foo, :first-child, div[class="foo"]
,权值为0010
能够清楚的讲完权重规则,已经是3星了
接着追问 ,相同权重值的CSS样式之间的相互覆盖问题
以及CSS样式冲突的解决方案有哪些【css module、css scope、css in js】
能将上述问题全部答出来,就是5星了 。
这一道题讲清楚基本会在6分钟左右,完美的回答清楚一道题,比含糊的回答好几道更加分。当然这跟面试官的面试风格以及引导有很大的关系。好的面试能让你收获满满,感觉舒适。
其他方面的知识会针对你的项目问一些常见问题。
比如,你有移动端项目 ,我会问:
1,移动端的适配方案是什么
2,移动端有没有遇到过性能问题 ,你如何解决的,怎么衡量你的解决方案
3,移动端兼容问题遇到过哪些
4,移动端调试等问题
vue,react相关项目也会针对项目通性去问,比如:
1,与后端数据交互的时候,怎么解决http相关问题的 ,404,502....
2,跨域有遇到过么 ,怎么解决的 ,(主要不要回答太多 ,要讲原理)
3,场景题 ,会把框架中常犯的错拿出来问题
框架这块 ,我基本不会问原理什么的。掌握了基础 ,了解原理才能有收益。
计算机课班出生的必考,现在的校招生越来越卷了 ,一方面区分一下 ,另一方面,在其位谋其政嘛 ,份内的学科一定要了解。
面试到这里,一般会比较轻松 ,是爱好 ,不是喜好 。
喜欢玩游戏的,我会问 ,什么段位呀,喜欢哪个英雄,巅峰赛有没有
喜欢篮球的 ,我会问,什么位置 ,平时打的频率怎么样,有没有打过比赛
《前端面试题宝典》现已推出小程序和电脑版刷题网站( https://fe.ecool.fun/ ),欢迎大家使用~
同时,我们近期还推出了面试辅导的增值服务,可以为大家提供“简历指导”和“模拟面试”服务,该服务在试运行期间有额外优惠,欢迎大家联系小助手(微信号:interview-fe)进行体验哦~