前端新人的面试经验

Posted lsongyang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端新人的面试经验相关的知识,希望对你有一定的参考价值。

 

 

双非本科,通信工程,算是转到IT行业这边的了。从大二暑期正式开始学习前端,想想已经一年的时间了。期间经历了很多,从迷惘到清晰,从艰难自学到找到实习,从备战秋招到找到工作。能经历的我都经历过了。来说说那些【前端工作者】的艰辛与欢乐。

开始自学前端

 

电话面问题不多,但是十分考验对相关知识熟悉程度,面试官是 P7(不理解这个就去百度吧)

 

大二暑期留在学校,一边参加数学建模培训,一边自己学习前端的基础。由于之前学习过一些html和JS的基础,我就直接开始学习jquery了,跟着李炎恢老师的JQuery教程学习,算是入了门。学习了BootStrap框架。

 

暑期就跟着视频学习,做了两个小项目。期间出现问题怎么办,能怎么办,就各种百度解决,看博客,逛社区。在现在看来,当时就是没有学会走就想着跑。自己之后在JS基础这里吃了很多亏。

 

跟着实验室开始做项目

 

实验室老师让做一个物联网平台,于是我们就凑吧凑吧,成了一个team,有前端,后台,移动端,嵌入式。

 

所以建议之后的学弟学妹,如果你们学校有实验室,去一去,自己潜心学习,加上良好的氛围,进步会很大的。这个项目就让我真正开始学习到前后台交互,数据格式处理,浏览器渲染和兼容性问题的处理。

 

春招(实习)

 

寒假荒废了一个寒假,没有想到,刚开学的开始,就是各大厂开始招聘暑期实习了,当时简历也没做,知识也没有复习,整个就是懵逼状态。然后随即开始赶超。

 

我就记得我那段时间就是待在实验室看各种前端知识总结,然后不停的改简历,最起码改了有3版。做笔试,去面试。3月4月这两个月也时春招的黄金时期,我那段时间面了CVTE,腾讯,好未来,融360,还有一些小公司。

 

面经如下:

CVTE:

 

  • 简述一下项目

  • js闭包及解决办法

  • js原型,原型链,继承

  • angularJS数据绑定的原理

  • 手写代码 字符串反转

  • CSS中content如何自适应

  • 然后就让我问他问题,我问了我这场面试表现怎么样,还有哪些知识点掌握的不好。 然后让我好好看js权威指南和js高程

 

腾讯:

 

  • 自我介绍

  • 给string写一个函数,如何链接上去

  • bind函数实现的原理(用函数写出来)

  • 如何判断括号匹配(写一个函数)

  • webSocket,TCP,HTTP,websocket的首部信息有哪些,解释一下

  • socket与HTTP的区别

  • AngularJs数据绑定的原理

  • Vue路由使用的是什么

  • NodeJS中Express框架使用哪些中间件

  • MVC框架与MVVM框架

  • 解释一下单页面应用程序

  • 然后问我有什么问题,我问她们部门用什么框架,她说是ReactJS,server用的是KOA。然后就开始说React多么好

好未来

(一面)

 

  • 基本就是基础知识吧,有点想不起来了。

  • 还有直接上手敲代码,我写出来了,说我写的不规范,最好用函数封装起来

 

(二面)

 

  • 敲了两段代码,基本都写出来了

  • 我现在回想起来,好像知道我挂在哪了,当时问我你喜欢看什么小说,印象最深的是哪本,讲了什么。于是我没多想就说了松本清张的《苍白的轨迹:箱根温泉杀人手稿》,讲述的是凶手如何设计一个漫长的复仇计划,不急不缓,丝丝入扣,在岁月的配合下,将棋局中的人,一个接一个地抹杀。就在我说的正入迷,就被面试官打断了。然后,就没有然后了

 

融360

 

(一面)

 

  • 简述一下你的项目

  • 弹性盒模型

  • H5+C3

  • transform

  • transition

  • animate

 

(二面):

 

  • 移动端开发

  • 移动前端与PC前端的区别

  • 移动端开发的适配问题怎么解决

  • 好的,你移动端不怎么会,我们也就不浪费时间了。EXM???

 

终于,感觉找不到实习了,然后就开始自己学习,又跟着实验室做了一个项目,还是平台开发。不过拿着去参加互联网+大赛了。进入孵化阶段了。

 

都是放暑假了,然而我并没有放弃找实习,对,就是这么轴。然后,就找到了。

 

绿盟科技

 

(一面)

 

(就是我进去实习之后的导师)

  • canvas具体实现的步骤,如何绘制一个圆,有哪些参数
    来,你说说你的这个平台怎么实现的

  • 你会AngularJs,那你说说AngularJsDI

  • 说说CSS3的新特性,动画要怎么实现

  • 会使用git吗

(二面)

 

(部门老大面的,15mins左右)

  • 你说说你使用git的情况

  • 你能实习多久

  • 对于项目开发的流程了解吗

  • 家在哪

  • 会使用AngularJs吧 

 

然后,就过了,周一报道

 

实习的收获

 

学会团队合作和协作开发,对于前后端数据交互的几种方式那可是熟悉的不得了,因为出过好几次问题,都实在不好意思再去找后台大佬问了。

 

我实习的时候,突然发现的一个好习惯,就是我每天记工作笔记,每天遇到什么问题,怎么解决的,有没有更好的方法。

 

奈何,公司没有实习生转正,再走校招流程呢,我又没过。

 

ε=(′ο`*)))唉,心塞。然后,直接把活一交接,辞职走人了。回到学校全面备战校招。

 

 

秋招【biubiubiu】

 

秋招呀,就这么匆匆忙忙的开始了,赶紧拾起自己遗忘的知识,翻开笔记,修改简历,狂刷题,投简历,做笔试,去面试。

 

俗话说,金九银十,9月份的时候,面试倒是不少,但是offer却没有,这一度让我开始怀疑人生,我TM好歹也是有项目经验,有实习经验的人呢,怎会这么惨。

于是,我反思了一下,前面都是大厂,对于基础知识和算法要求高,我这历史遗留问题估计是没有得到解决。于是,国庆节期间狂补算法,狂刷JS基础知识。


然后,10月基本就是另一批公司了,算法竟不怎么问了。WTF???得亏我身经百战,有项目经验和实习经验比较那得出手,我实习的时候还是做得平台开发,难,是真的难。就公司那个平台,看了好久,才明白整个业务逻辑。


于是,10月份终于收获几个offer。期间还拒了一家本地的,真是坑呀。像我这样向往自由的人,是怎么都想留在本地了。20多年了,没出去过,所以,怎么地都想去外面。

 

说说秋招面试吧

 

好未来

 

(一面)

 

  • 来,说说你的项目

  • 谈一下你对前端工程师的认识

  • 算法会吗?写一个你熟悉的排序

  • 你实习都学到了什么

  • 你家在哪,想去北京吗?

  • ps:大概只能想起这么些了,然后我就被挂了,WTF???

 

东方财富

 

(一面)

 

  • 两个栈实现一个队列(三种方式)

  • 将已排好序的数组打乱,越乱越好(多种方法)

  • 你数学建模做的是什么,详细讲一下

  • 数据库会吗?

  • 浏览器兼容性的处理

 

美团

 

(一面)

 

  • http与https的区别是什么

  • 说一说HTTP的状态码

  • 写一个统计字符串中每个字符出现的次数

  • 写一个冒泡排序

  • 实习的时候做了什么

  • 你使用过AngularJs,你感觉它的优点和缺点是什么

  • ps:我也不知道为什么会挂,感觉都答上来了

 

绿盟

 

(一面)

 

  • 你在这实习过,那你说说你实习都做了什么

  • 实习遇到了什么问题,怎么解决的

  • 你了解AngularJs指令操作的使用吗?

  • AngularJs依赖注入的原理是什么

  • flex布局实现两边固定,中间自适应怎么实现

  • websocket

  • http的请求方法

  • RESTful这种架构模式了解吗

 

猫眼

 

(一面)

 

  • jquery $()有哪些使用方法

  • HTML5了解哪些特性

  • CSS3animations和transform的区别

  • AngularJs如何实现依赖注入

  • HTTP用于cookie的字段的设置

  • 浏览器缓存

  • websocket具体是怎么使用的

  • 来,这还有几个编程题,你写一下

 

推想科技

 

(一面)


都不用说问题了,就是网上的那些js变态题,好多,一个一个问
详见我的一篇blog 44个 javascript 变态题解析 (上下) 

 

东方国信

 

一面,电话面

 

  • 自我介绍

  • 说说你的项目

  • HTTP状态码(我又扯到了浏览器缓存,一通说,然后他就说我基础很好)

  • flex布局

  • cookie和session的区别

  • 说一说HTML5+CSS3新特性

  • 谈谈事件机制

 

二面,视频面

 

  • HTML5+CSS3新特性

  • JS浅copy与深copy

  • TCP与UDP

  • 定位

  • 闭包

  • JQuery原理


    面完就告诉我过了,然后叫了他们老大,谈了薪资福利什么的,我说我考虑考虑。(最后拒了)

 

苏宁

 

(一面)

 

  • 谈谈项目

  • websocket

  • 写一下代码,实现将一段文字查到页面最前面

  • 浏览器工作原理

  • 浏览器缓存机制

  • CDN了解吗

  • 移动端开发会吗

  • 你了解哪些性能优化的方法

  • ps:大家都知道苏宁的评价吧,当时我是技术面过了的,至于为什么没有收到通过短信,我也不知道。其实就算我过了,也不会去的

 

西拓电气(1,2,3,4,5面)offer

 

一面:

 

  • 项目挨个讲一下

  • 实习做了什么,学会了什么,出现过什么问题,怎么解决的

  • 浏览器兼容性的处理

  • 比较一下各大框架的优缺点

  • 对于新技术学习的热情

 

二面:

 

  • git使用熟悉吗?

  • 实习时遇到的最大的难题是什么,怎么解决的?

  • 做项目的时候,遇到的难题是什么,怎么解决的

  • 你如果过来,会负责平台开发,能挑战吗?

  • 能接受加班吗?

 

三面(hr面)

 

  • 我们公司是做什么的

  • 你能接受的薪资是多少

  • 你家在哪,父母做什么的

  • 然后带着我在公司休闲区参观了一下

 

四面(副总面)

 

  • 我们公司是做什么的

  • 你实习的公司好在哪里,你感受到了什么样的氛围

  • 如果你到了我们公司,你愿意把你在实习公司学到的技术氛围

    在这里营造吗?怎么去做

  • 你的职业规划呢?

  • 如果公司有待改善的地方,你怎么提出来

 

五面(总裁面)

 

  • 我们公司是做什么的,

  • 然后我就扯了一下新技术现在的发展,如果我入职,我将会从那几个方面进行技术研发

 

途家

 

(一面)

 

  • 很随意,先做笔试题
    一个算法题,Dijkstra算法

  • ajax

  • 服务器端开发了解吗?

  • HTTP请求过程

  • 实习遇到的问题,怎么解决的,学到了什么

 

融360

 

(一面)


无力吐槽,视频面,面了一个半小时,面试官拿了一份题,一个一个的往下问
好多是布局问题
还有编写个函数
都是网上那种面经,实在回忆不起来了

 

teambition

 

(一面)

算是我面的比较有水准的一家公司

 

  • 项目简介一下

  • AngularJS的依赖注入

  • 前端安全

  • JS的执行机制

  • AngularJS的工作原理,服务的几种方法

  • NodeJs了解多少

  • AngularJs与Vue有什么区别,每个的侧重点在哪里

     

  • ps:其实全程都是在技术讨论,因为我使用AngularJs比较多,所以就谈了很多AngularJs的技术,让我好好看一看面向契约编程,还有JS需要往深挖掘,不能停留在表面

 

微盟(一,二面+HR)offer

 

一面:

 

  • 数组的方法

  • 创建对象的几种方法

  • 如何实现继承

  • websocket

  • HTTP的状态码,请求方法

  • 会微信小程序开发吗

  • 移动端开发了解吗

  • 问了两个笔试题

 

二面:

  • 项目简述一下

  • 实习遇到的问题,怎么解决的

  • 说说数组有哪些方法

  • git使用

  • 事件机制

  • 浏览器存储

 

hr面:

 

  • 去过上海吗?

  • 说一下你最骄傲的事情

  • 在学校都有什么成就

  • 你数学建模是什么做的

  • ps:hr说感觉我的思维很活跃,很有深度

 

然后,我就结束秋招了,不管怎样,也算是找到一份比较满意的工作。


浩浩荡荡的这几个月,经历了很多。也看懂了很多事情,觉得吧,人嘛,还是要遵从自己的内心去活着,因为你永远不知道下一刻会有多糟糕。也就是活在当下,过好每一天。


学习技术,你就踏踏实实的,基础是关键。


对于前端这方面的学习,我也算是身经百战了,虽不能从成功的方面给予建议,但能从我走的弯路告诉你们,怎么避免走一些愚蠢的弯路,因为弯路都是要走的,不能一帆风顺的。


基础很关键,如今三百六十行,行行转IT,怎么拼得过千军万马呢,当然是牢固的基础知识,如今我就在狂补计算机操作系统,网络知识,数据结构与算法。


前端基础,HTML+CSS+JavaScript
基础知识见这篇博客前端面试题之汇总 

 

HTML&CSS:


对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、
HTML5、CSS3、Flexbox

 

JavaScript:


数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、
DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas、ECMAScript 6、Nodejs

 

其他:
移动端、响应式、自动化构建、HTTP、离线存储、WEB安全、优化、重构、团队协作、可维护、易用性、SEO、UED、架构、职业生涯、快速学习能力

 

前端摩尔定律不造大家听过没有,前端每18个月难度增加一倍。


对,是的,据Angular官方说法,每半年新出一个版本,是的,我1.0还没有学会,5已经出来了,据说Vue3.0也出来了。很棒棒哦!

 

少年,前端路漫漫,如果想好要走,那就加油吧!































以上是关于前端新人的面试经验的主要内容,如果未能解决你的问题,请参考以下文章

前端面试的面试经验

前端面试题(亲身面试经验)

关于前端大厂面试经验分享

前端面试官经验总结 | 前端面试小技巧

2019年六月前端面试经验总结

2021最新大厂前端面试题总结(百度字节跳动腾讯小米.....),附面试经验!