前端面试要注意哪几个点?

2023-11-22 12:50

本文主要是介绍前端面试要注意哪几个点?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

不管是刚毕业踏入社会的还是在职场久经奋战的,都经历过被面这一环节。当然也有很多同学开始在面人,为自己的团队选择优秀的血液。而我也是属于这一类,这些年都有在帮公司或朋友的团队物色人才和面试同学。今年在手淘也一样,在给同学面试过程中,让我开始在思考,而且思考了很久,所以这几天静下来写了这篇文章,希望这篇文章对于刚毕业的大学生或者还在继续参加工作面试的同学有所帮助。

什么是前端

什么是前端?在这里不做阐述,如果您对这个问题感兴趣的话,建议您可以阅读早前写过的一篇博文**《前端路上的旅行》**,文章中对什么是前端做过一些介绍,虽然不是非常的准确,但大概意思是表达到了。

为什么选择前端

对于这样的问题,是找不到准确而又正确的答案。既然您参加的面试是有关于前端的工作,那么试问?您有思考过这个问题吗?

如果你是一位从事过前端工作的同学,你或许会这样回答:

  • 我喜欢前端,前端的工作给我即写即得,比起编程更为简单,更知性
  • 前端入门的门槛低,一不小心就入这个行业,后悔已莫及
  • 无奈的选择,当初团队没前端,从别的职位转过来的,然后就这样干下来了
  • 前端前景大,大家都知道全世界都在招前端,而且都很难招(知乎上的热贴:为什么前端工程师很难找?
  • 或许还有更多的回答…

但对于刚毕业的同学,还从未踏入过职场的大学生而言,或许就从未没有思考过,为什么自己选择前端?我臆测下,可能有这样的几个场景:

  • 学长拉下水,不知不觉去面试了前端
  • 非计算机专业而对自己专业又不太感兴趣,但又为了毕业之后有份工作,找了门好学的,容易混饭的先整上
  • 盲目的跟风,听说前端好,那就前端吧
  • 无任何职业的未来思考,首先解决毕业后的工作问题
  • 或许还能很多不同的场景…

不管你是什么样的出发点,既然你选择去面试前端这样的一份工作,你是否有静下心来思考过,自己为什么选择这个行业(甚至可以说,你一点都不了解的行业)。说实在的,还是很多前端面试官会问你这样的一个问题?虽然这样的问题,没有准确或者规范的答案,毕竟不是技术问题,有源可查。

面试前的一些准备工作

说实在的,面试是一件非常头疼的事情。每个人都痛恨面试。虽然你面试的工作机会不一定能拿到,但这也并不意味着你在这方面的能力不行。主要是因为面试的不确定因素太多太多,而且面试还需要一些技巧,不管是面试官或被面者。

不同的人,会因为不同的因素获得不同的面试资格。或许你参加面试的时候,直到面试官坐在你面前之前,有可能他都没有看过或者记得你的简历内容(这样的情景是存在的)。当然,也有另外一个场景,在面试官坐到你面前之前,面试官司通过不同的途径对你已做了一些了解。

就此而言,参加面试者应该做这样的假设:面试官将会深入调查你。因此,当你参加面试之前,你应该做一些准备工作:

用心写好简历

简历是你向面试官展示自己的第一张名片。简历的好也坏直接会影响你在面试官心中的第一印象(这个一点也不夸张)。对于有工作经验的同学,一份好的简历应该做到:

要低调的告诉招聘方,爷很NB。

如何做到这一点,可以看看@Easy给程序员写简历的建议《如何写好技术简历》。

而对于应届毕业生,要注意的就更多了。虽然你没有过多的经验,但你要做到你的简历简单明了,具有较强的针对性,切勿简历上介绍自己精通xxx语言,获得xxx奖学金,得了xxx奖之类,这一切都是浮云,面试官不会因为你在学校当了什么会的干部,拿了多少奖学金太感兴趣,面试官对你感兴趣的是,你在学校做了什么事情,你有什么作品可拿出手。

那么什么是好简历?简单描述几点:

  • **匹配:**简历上每一个元素为应聘岗位而“生”;
  • **措辞:**行文流畅,容易理解,描述具体而明确;
  • **模板:**商务简洁,突出胜任岗位的核心竞争力。

有两点特别强调一下:尽量让你的信息在一页上展示完;不要使用表格来做你的简历。 而现在的学生,简历大多都是使用表格来制作(至少我很讨厌使用表格制作的简历)。

给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。获取资料???
对web开发技术感兴趣的同学,欢迎加入???交流圈???,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。

保持通信顺畅

保持通信的顺畅是很重要的一点,直接会影响你会不会失去一次面试的机会。因为联系你大多都会直接通过简历上的电话。如果面试官想通知你参加面试,而你的电话总是处理关机或者无法接通的情景之下,可想而知,你将会失去这样的一次机会,而这样的一次机会或许就是改变你命运的一次机会。

这次校招我就碰到这样的现象,打电话给大学生通知其面试,但总是处于无法接通。可想而知,就算我再求闲若渴,我也没有这么的时间给你不停的打电话。

需不需要准备面试题

很多同学喜欢去搜集一些前端面试题,而且网上这样的面试题也非常的多,比如:

  • 前端开发面试题
  • Web前端开发测试题
  • Front-end Job Interview Questions
  • 寒冬winter的面试题
  • 有关于CSS的面试题和练习

那么去面试前准备这些题的答案是否有用处(很多面霸把网上出现的题都撸了个遍)。下面发表一下个人看法。

个人认为这些题只能帮助你对相关知识有一定的了解,但对于拿去应付面试还是有所欠缺。你花时间只是背下了这些题的答案,有可能你并没有吃透其中的为什么?就算面试官问到了其中的一些题,你一开始会觉得很幸运,你知道答案是什么?但你没有考虑到的是,就算你碰到了,你知道了答案,你根本无法知道面试官就此题会接下来问你什么。可想而知,如果你只是背题,接下来的为什么?你可能就不知道回答了。

就我个人而言,我一般不备题,随时根据面试者的自我介绍和相关了解之后才出题。对于这样的随机性,你的备题方案是否还有用处呢?

当然,古人云“有备无患”,这是好事,经过这些题,爱钻研的会去再问为什么?不爱钻研的也对相关知识有一个面的了解。最主要的是,面试碰到了相关的题,你不会再紧张,你会有些许的自信。

面试要注意的细节

细节很多时候会决定你的成败。那么在第一次参加面试时还是有些细节需要注意。


时间观念

可能跟你首页基本上是会通过电话或者视频面试,一是节约彼此时间。那么这个时候不管是面试官或被面者都需要有一定的时间观念,不能迟到。如果你有事情会耽搁,应该事先通知彼此。而在现实中没有时间观念的还是很多的。我讲两个自己亲身经历过的事情。

记得有一次在上海去一家公司面试前端。约好的时间是下午两点钟。我请了个假,屁颠屁颠的到达目的地,填好表格。面试方行政通知我等几分钟,面试官就来。可我足足等了半小时,还未见到面试官影子。追问之下,行政告诉我,已通知面试官了,稍后就到。可我等了近一个小时之后,还是没有见到面试官,如此之下,我闪人了。结果在地铁中接到人事电话,问我为什么走了?那么答案还需要我说吗?

上面是自己去被面的一次经历,那么今年面试一大学生,经历的故事让我直接无语。提前一天约好时间面试,结果小朋友告诉我在外面办理事情,不能面试。为了招到人才,我也就忍了,再次约好下午某个时间点,当我再次打电话去的时候,小朋友告诉我马上要和同学去聚餐。此时的我,真想大声吼两声,昵玛,没时间别答应我呀,可我还是忍了。

不管是哪种情形,没有时间观念和失约对于被面者和面试官都不是一个好的体验。何况我们的工作,其中有一个较为重要的就是让你的用户体验好。而且这已不是一个简单的细节,而是失去自己为人的原则,再高一点就是诚信都失了,何来的机会。

真诚面对

当你的技术不能达标时,只要你的人品达标,也能为自己增加不少分数。可能是由于自己的情节,我个人较为喜欢诚实的孩子。喜欢说一不二的孩子。因为你的诚实有可能会打动你的面试官,他会觉得你是可塑之才,说不定给你一个机会。或许很多人都会讨厌那种浮夸之徒吧。自己不会又想想尽一切办法,在面试官面前展示你这方面很优秀,其实有时候这样做会得到相反的效果。

尽量展示自己的软实力

每个人都有自己好的一面也有自己不足的一面,那么在面试的时候,应该尽量展示自己优秀的一面。对于校招生或实习生而言,面试官真的不太在乎你所掌握的技术如何?而更再意的是你是不是有发展的潜力。你处事的能力,学习的能力,解决问题的能力等等。而自己问题都是在和你聊天的过程中去掌握的,所以你应该借此机会,向面试官展示你这方面的软实力。

面试中的总结

多做几次总结会让自己更认识自己。虽然你有面试的机会,但这并不代表你能通过面试,那么每一次的面试失败就是你下一次面试成功的铺垫。我建议每次面试完之后去做一些总结,特别对于刚刚毕业的学生。通过总结你会清楚的知道:

  • **技术:**技术方面缺少什么?面试官看重的是什么?
  • **软实力:**自己拿分项是哪些?自己丢分项是哪些?自己面试过程的沟通能力如何?
  • **失败原因:**面试失败原因是什么?是由于技术不足?还是其他原因造成自己面试失败?
  • 还可以去思考更多的为什么?…

校招面试的现象

这次面试主要针对的是校招生和实习生,总觉得他们都有一个普遍的现象。这些现像和@kejun在2011年写的博文**《近期面试感受》**非常的类似。

用的不是技术,更多是技巧

由于学校里没有系统的前端开发课程,导致对HTML/CSS/JavaScript基本概念的理解非常薄弱。大部分人的学习方式是:先看书,然后觉得书和实践离得很远就直接实践,遇到问题就去网上搜、QQ群问,而这些方式得来的都仅是“技巧”性的东西。或者是跟着学校里的“牛人”学,掺着各种好的、坏的经验全盘接受。

“搜索”式学习害人不浅

面试中有同学觉得书上写的东西不实用,更喜欢边实践边学。但往往实践中主要解决具体问题,从网上搜到一个不好的例子,自己又不足以区分好坏。然后,就把它当成一个解决问题的模式,如果没人纠正,可能几年下来都这么用。网上的资源非常丰富,要区分“技术”和“技巧”。还是那句话,对技术人员来说技巧性的东西不应该太重。

热衷新技术

古人讲究温故而知新还是很有道理的。学习新技术可以给自我镀金,欠缺基础的东西就会内力不足,这样在应用的过程中就会有问题。

学到“二手货”

国内前端技术社区的分享质量总体还是不高。那些照搬国外,加上自己片面认识的资源就是“二手货”。这些资源在看的时候要慧眼识珠啊。最好还是直接看第一手资料。

光看不用,坐等机会

很多同学表示正在看什么什么,或正准备学什么什么。但就是没动手写过,总是希望在实习公司有实践机会。这样的机会可能永远也没有呢,完善自我的技能,是需要自己给自己创造机会,写一些demo,搞一些个人项目,参加一些技术交流,持续关注该技术的发展……坐等只能浪费时间。

不注重基础

正如前面所说,学校没有系统的前端课程,同学获取的知识点都是看书和网上获取,而且这些知识点又是零散型的。造成对很多问题只知其一不知其二。更为可怕的是,很多同学太过自信,觉得HTML/CSS都太简单了,只是JavaScript稍微难一点,这也造成自己对知识的认知度不足。另外还有一些同学太过急于求成,认为看了几个HTML标签和CSS属性自己就懂了。事实是你离其还甚远。

目标过大

毕业后选择BAT这样的大公司实习或就业,对于很多同学来说都是梦寐以求的。然而能进入这些公司的人却少之又少。很多人都在问"国内大型互联网公司(如BAT)对于web前端开发方向校招都考些什么?",但这也仅停留在技术上的面试,却从未思考,BAT这些大公司需要的是技术型人才,而不是技巧型人才。那么你是属于技术型还是技巧型呢?

话又说回来,有目标是好事,能让自己有一个清晰的方向,但过于盲目却会让自己失去自信,失去未来,这样是得不尝失。与其如此,还不如思考一下,自己更适合什么样的环境去实习或工作。这跟追妹子是类似的“可遇不可求”。

总结

这事一篇与技术没有任何关系的文章,这也不是一篇心灵鸡汤,更像是泼冷水。而这些观点仅是我自己的建解,如果说得不对,您可以忽略,更希望你能指正。同时更希望的是,这篇文章对于正在面试或即将面试前端工作的同学有所帮助或有所感悟。

感谢您的观看,如有不足之处,欢迎批评指正。
获取资料???
本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。
对web开发技术感兴趣的同学,欢迎加入Q群:???1007317281???,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。
最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

这篇关于前端面试要注意哪几个点?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/410252

相关文章

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

CSS will-change 属性示例详解

《CSSwill-change属性示例详解》will-change是一个CSS属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSSwill-change属性详解,感... will-change 是一个 css 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化。这可以帮助浏览器优化

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex

前端高级CSS用法示例详解

《前端高级CSS用法示例详解》在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一,随着前端技术的不断发展,CSS的用法也日益丰富和高级,本文将深... 前端高级css用法在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方