网易2019秋招前端一站式面经(基础面+压力面+HR面,面完博主觉得应该进不去)

面试时间:2018.9.18 13:30

面试地点:武汉雄楚国际大酒店(洪山区)

面试部门:网易云音乐

本人学校所在城市:深圳(深圳大学)

先来个博主基本信息吧:我是通信工程专业的,并非计算机专业,属于计算机相关专业~。

过程(如果只想了解面试问的问题可跳跃阅读):

博主买的2018.9.17的高铁,因为网易说可以报销去程车费,故享受了一把。

但是全国人应该都知道,2018.9.16是有史以来最大的台风“山竹”席卷沿海城市,把深圳给摧残了一番,故导致深圳地铁、公交和铁路全部停运。我的那一趟列车也是处于暂停售票的状态,但是16号的列车全部通知购买者去退票。由于我的列车未被通知退票,自己心里想着山竹大可爱估计在17号降了火变成小可爱了,列车不会受到影响的,结果也是我所预料的一样,我如愿在17号到达武汉。

PS:中途上车的时候我以为上不了,由于台风影响,很多人的车都集中改签到了我这趟,所以取票的人炒鸡多!我到车站的时候只有20分钟列车就要出发了,我心想完了!取不了票了,因为前面全部都是人头,这轮到我至少得两个小时,还不算插队的...后来我硬着脸皮去最前面的一个小姐姐跟前说:小姐姐,我的车就要开了,能不能让我先取票?小姐姐一脸嫌弃的挥了挥手,同意了(意思是我很丑?!),然后我等了10分钟,但是我前面的那位大叔买票一直买不到了,窝草,心急如焚呐!正在着急的时候,突然听到广播说用二代身份证网购的票不用取,直接刷身份证就可以乘车...妈卖批,于是我疯了似的往乘车入口点跑...

到达武汉之后由于在武汉有认识的好朋友在本地,由于他上班的原因,他叫了他的好朋友开车接我,于是我乘车去到了武汉华中科技大学去找我高中的好同学,某灿同学。他也是在秋招,穿的人模人样的。当天下午就在华科感受了下某灿所说高级饭堂,体验完了之后,说实在的,没有咱深大的高大上~深大的高级食堂是有很多装饰品的,有一股文艺范~华科没有,全是桌子板凳...但是最重要的是华科的菜超级便宜!!!我点了7份菜+一份粥才特么18元!可是咱深大就一份饭+一份菜最低就已经有18了...

吃完他带我去小逛了下华科校园,说实话我并不打算全部逛完的,因为他自己对于华科也不是完全熟悉,因为太大了...

大概晚上八点的时候,我离开华科前往光谷地铁站和我的好朋友碰面,碰面后,在他住的附近的宾馆(想住酒店来着...)订了两晚,好朋友准备晚上请我吃烧烤喝酒,我说NM你这要我面不成试啊,想要我拉肚子吗?于是拒绝了,就去水果店买了点水果用于清理肠胃。

第二天,也就是2018.9.18,起床后给我可爱的小仙女妈妈打了个电话,给她一个祝福,因为是她的生日。所以这一天对我真的很重要,意义非凡!

等到早上11点的时候,好朋友来接我,我吃了一根香蕉就匆忙下楼和他一起前往车站取票(乘高铁刷的是身份证,没来得及把票取出来),因为网易可以报销呀,538块大洋呢。取完赶到酒店已经下午一点钟了,于是在门口签了到就乘电梯上到21楼等候叫号(微信公众号推送)。

13:33业务初面(基础面)

面了将近50分钟,我刚走出面试官房间的时候,公众号就来了推送,说我通过了业务初面,静等业务复面。这个是我预料到的,因为我全程都是出于一种偏自信的状态,而且面试官问的是基础专业问题,没有追问,我大部分都回答的还不错。

下面是详细初面过程,只记得大部分了。

面试官(姓冯,挺和蔼的):做一下自我介绍吧
我:balabala...我学习前端知识有这几个途径:1)看视频;2)看书;3)逛博客。csdn,掘金,简书,博客园等;4)与同学交流;5)实习做项目;6)将遇到的问题整理成博客。个人很喜欢运动,曾获得深大(xxx羽毛球赛)男双冠军,也很喜欢旅游和音乐,特别是音乐,我常用网易云音乐,在我空闲的时候我可以玩上一整天都不带累的,就跟某某说的一样,这是一款你用了就不会离开的APP(说完后面一串傻笑......可以脑补...哦呵呵)
面试官:你用过哪些框架?
我:在第一家实习的公司里最常用的是JQuery,第二家公司最常用的是VUE。
面试官:那你知道JQuery和VUE操作DOM的区别吗?
我:JQuery是要先获取到DOM对象,然后再对DOM对象进行修改和赋值等操作;而VUE由于是数据双向绑定,所以我们只需要修改DOM对象的值就可以了。(我这里vue回答的很片面,回答的不好。修改之后的回答:vue是首先把值和js对象进行了绑定,然后要修改js对象的值的时候,由于vue已经帮我们做了dom操作,所以vue会自动把dom的值进行更新)
面试官:JQuery是怎么选中一个id=a的标签的?原生的js怎么获取?区分大小写吗?
我(这题不是送分题吗...):通过$选择器选取,即$("#a");原生js实现方式是:document.getElementById("a");区分大小写,document没有获取DOM对象小写的方法
面试官:JQuery怎么获取子元素?子元素的个数怎么确定?
我(又是一道送分题...):通过$("#a").children()获取子元素,再通过length属性获取子元素的个数。
面试官:用过正则没?
我:用得少,只了解少部分,功能很强大,但是有时候其时间复杂度没有原生js写出来的效果好。
面试官:那你写一个验证手机正则表达式
我(完了,不会,正则基本没复习):目前写不出来
面试官:了解二叉树吗?
我(怪自己啊,一般大公司都会考这些基本的计算机知识,但我就是没了解):我目前只知道满二叉树和完全二叉树。满二叉树有一个根节点,其下每个子节点都有且仅有两个子节点,直到最后一层为止;完全二叉树是在倒数第二层的时候,右边的子节点没有子节点,这些节点也成为叶子节点。(回答的真心勉强)
面试官:那你了解xx二叉树吗?
我(这种面试官问的二叉树我目前没听说过,是什么二叉树忘记了...):没有,没听说过
面试官:那链表等数据结构呢?
我(我r...):链表也了解的少
面试官:那你知道二分查找的时间复杂度是多少吗?
我:o(nlog2n)?(马德,我的回答是猜的,是根据常见排序算法懵的)
面试官看了看没说话,但是实际上是o(log2n)
面试官:CSS position有哪些取值?
我:最常用的有四个。
static:是position的默认值,若是给它设置top,left,right,bottom是不会生效的;
relative:依靠自身位置进行定位,元素未脱离文档流且保留原来的位置,可使用z-index设置层级;
absolute:如果祖先元素设置了定位,那么其位置以离其最近的祖先元素的位置为基准进行定位;如果祖先元素未设置定位,默认以body为基准;可以使用z-index进行层级设置且元素脱离文档流;
fixed:元素以浏览器窗口(body)进行定位,可以利用z-index设置层级,脱离文档流。
补充:还有inherit和sticky
面试官:说说JQuery的ajax跨域问题,它的请求数据类型可以有哪些?
我:跨域问题就是请求的协议、端口、域名不同;它的请求数据类型可以有json、jsonp等
面试官:说说Jsonp跨域原理
我:Jsonp是通过动态添加一个<script>标签,在其src属性里设置的值为要跨域访问的域名路径,路径后携带一个callback函数,然后,在本地的js文件里预先定义好callback函数,一旦数据请求成功,就会将数据以JSON的格式传递至callback函数中。
面试官:HTTP有哪些头部字段,你试着写下来我看看
我(忘了很多,因为专心理解tcp三次和四次握手了):Etag、Last-Modified、Expires、Max-age
后来我查了下,简直了,超级多,难怪在HTTP升级后有压缩头部的技术,因为这样可以提升请求速率。如下:
请求头(多数常见部分):Accept、Accept-Charset、Accept-Language、Authorization、Cache-Control、Connection、Content-Length、Cookie、Date、Host、Origin、Pragma、Referer、User-Agent
响应头:Access-Control-Allow-Origin、Cache-Control、Connection、Content-Language、Content-Length、Date、Etag、Expires、Last-Modified、Location、Pragma、Status
面试官:看你的项目经验,你做了很多小程序啊,跟我说说小程序是怎么进行本地数据存储的?
我(因为好久没做小程序了,都忘了,哈麻批,于是我绕开了,说了下web的本地存储):小程序的本地存储跟web的本地存储有类似的地方,web的本地存储有sessionStorage和localStorage,小程序本地存储有同步和异步存储(因为是在想不起那个api怎么写了,后来查了下是这样的:wx.setStorage(key,value),这是异步的;wx.setStorageSync(key,value)这是同步的)
面试官:如果你进了网易,你怎么在同行中表现的更突出,学习的更快?
我:balabala......(我说出了我的博客座右铭:活到老,学到死,哦呵呵呵......)

15:40业务复面(压力面)

面了50+分钟,我是心情沉重走出来的,因为我已经被面的怀疑自己的能力了...我下楼之后,我好朋友看到我的表情后说了一句:看你这死样,就知道GG了,赶紧上车去海康威视面试吧。我......

详细过程(中间忘了些,可能因为压力太大让我当场出现了选择性失忆吧~):

面试官(姓孔,超级严肃):做一下自我介绍
我(压力面千万要注意此处的自我介绍,这是是否过压力面的关键!因为面试官就是根据你的自我介绍来随机提问题的!下面问的问题全部是我在做自我介绍的时候我自己提到的,给自己挖了不少坑):其实我心里面想的是不是还可以跟第一面一样,以轻松的方式去介绍自己,可是后来发现我错的离谱,因为该面是压力面,面试官注定不会和你打哈哈。
面试官:说说闭包,你是怎么理解的?
我(其实在面试之前我看过,但是理解的不深,这次真心给了我教训):闭包用一句话来说就是函数的嵌套,内层函数能访问外部函数内的所有变量。因为...(我还说完面试官就阻止我了)
面试官:好,可以了,光说没用,你手写一个闭包,同时写出它的调用方式
我在纸上写了一个闭包,当时是凭着脑海中的印象去写的,感觉就像是背出来的一样,根本没有理清本质原理,由于写的是对的,调用的时候突然想不起来怎么调用了,这里就不贴出来了
面试官:你确定你这样写是对的吗?
我:看了下代码回答是的
面试官:我怎么觉得是错的呢?你再好好看看,是你这样调用的吗?
那个时候根本没意识到面试官其实在引导我往正确的方向走,可能太紧张了。其实再进行一次赋值就可以调用闭包了,但是当时我就是没意识到,哎。于是我特么蠢到居然去修改闭包的代码,而不是往调用的方向去想,蠢死了我!于是我又写了闭包的另外一种形式,调用一次是没问题的,但是多次就不行了。
面试官:你再好好想想,是你这样的么?我怎么觉得会报错?
我看了看代码,只发现少了个大括号,但是面试官说那个不影响......实现没办法了,正确的应该是这样子,如下:


面试官:好了,我们不再纠结这个问题了,你说你练过一些算法,那么现在有两个数组,里面的元素只知道是整数型数字,长度不知道,你怎么判断两个数组相等?
我(还在沉浸闭包那个问题,那个问题估计让面试官很失望吧):数组里面包含有重复的元素吗?索引值不同,但是元素值相同也算吗?
面试官:是的
我:首先判断两个数组的长度是否相同,不相同则返回false
面试官:嗯
我(想了会):然后用sort给它们从小到大排序,排序之后,再用一个for循环遍历其中一个数组,遍历的元素与另一个数组里对应的元素进行对比,一旦有一个不同,则返回false,否则返回true
面试官:你写的代码时间复杂度是多少?
我:o(n)
面试官:只有o(n)吗?你上面的排序不算?
我:......要算的,o(2n)?
面试官:你见过常见的排序算法的时间复杂度有低于o(n)的吗?
我:没有
面试官:常用的排序算法有哪些?
我:冒泡、快排、选择、插入、归并等
面试官:那你现在还有没有什么办法将时间复杂度降到最低?(这里问的还是刚才那个数组相同的题)
我(想了大概三四秒吧,突然灵光一闪):将两个数组都转化为字符串,然后再对这两个字符串进行对比
面试官:时间复杂度是多少?
我:o(1)
面试官:比刚才好很多了是吧
我(我现在觉得这个面试官真心的好,一直在引导你思考,虽然很严格):嗯嗯
面试官:现在有一个模态框,已经弹出了,你怎么设计这个模态框弹出后,用户只能点击按钮,其他部分不可点击?
我(送分的):设计一个盒子,设置该盒子的position属性的值为absolute(后来想了下,可能出现的问题,立马又改口了),不,不能设置为absolute,应该为fixed(这里我并没有向面试官说明原因,他也没打断我。原因其实很简单,如果某个页面的高度超过了浏览器可视窗口的高度,那么右边会出现滚动条,用户一旦往下滚,用absolute的话,下面是遮盖不住的,不信大家可去验证),设置之后给它一个透明度rgba。然后在其内部再新建一个小盒子,盒子的position属性值设置为absolute,让其垂直居中即可。
面试官:那这两个盒子的层级是怎么样的?
我:父级盒子的层级比子盒子的层级要低
面试官:cookie是存储在哪的?js是怎么操作它的?
我(当时觉得好多知识都记混了,顿时不知道该怎么回答了):cookie是用户登录网站后,服务器返回的通过加密的数据,它存储在浏览器中(应该是终端中),目前好像没有啥方法可以操作cooike的吧,因为cookie都在携带在http请求中的。
面试官:你确定?为什么不能操作cookie?那你知道document.cookie这个方法吗?
我(我擦,就这个来操作的吗?):知道
面试官:那你现在知道cookie是由js人为操作的吧?
我:对,可以删除可以新增,通过键值对的形式
面试官:你对这些了解还不够深,过后你可以看看,JQuery源码你看过没?
我:看的比较少,了解的不多,但是在运用方面,还是有些经验
面试官学习建议:专注底层原理,多看书,多实践

由于我觉得二面没戏了,于是我们驾车去海康威视面试,地点就在华科的旁边,走了18分钟的车程,快到了的时候,网易招聘公众号发来推送,通知我业务复面通过(估计那个算法题我反应比较快吧),静等下一轮面试...我心里面顿时激动的要死,死灰复燃,赶紧叫我好朋友掉头往回赶。

可是...那个傻帽把路给走错了...错过了最后一轮面试......我还能说什么...

我是怎么知道错过了呢?是因为网易招聘公众号发来推送,提示说:由于您长时间未前面面试地点,面试官已推迟了你的面试,请联系校招工作人员重新确认。

我心里想,好像还有机会,又花了大概二十分钟赶到了网易面试点,在21楼小姐姐处重新确认了最后一轮面试。

18:09终面(HR面)

面了将近35分钟。我心里表示不平衡,因为别人都面试50分钟,我却只有35分钟,我还有我的突出点没说呢...可能是因为到了六点吧,面试官都饿了...另外可能就是觉得我不优秀?!(因为我在HR这一面的坑,跳了一波又一波...)

详细过程(这个过程我打心底最不靠谱,这是我第一次经历hr面,给我的感觉就是被牵着鼻子走,中途还总是打断我,体验及其不佳!关键的是那位小姐姐很漂亮啊!她要打断我我能怎么办?无奈):

面试官(一个26左右的小姐姐):说说你在实习期间遇到过最困难的一件事情,你是怎么解决的?
我(意料之中的问题,但我就是没准备):根据自己实情出发
面试官:说说你的三个缺点和三个优点,你的优点给你带来了哪些成长?
好讨厌这种问题啊!给大家一个建议,一定要先说优点!不然跟我一样入坑,死都不知道怎么死的!
面试官:你用过哪些比较好的app,除了网易产品。
直接把路给堵死了,好狠心!我说“知乎”,还有...(我话都没说话,就又开始问了)
面试官:我也经常用知乎,你说说知乎在体验方面还有哪些改进?
我(Are you kidding me?我想了半天都没想出来,因为我觉得体验真的很好啊,跟网易云音乐一样):......
面试官:是不是体验很好,觉得没有什么改进的地方?
我:尴尬而不失礼貌的点了点头
面试官:我发现你的研究生时间大部分都在实习,说说你实习的这两家公司各有什么特点?对你的成长帮助最大的地方在哪?要说具体的
我(果真HR个个都是人精!):根据自己实情出发
面试官:为什么要读研?读研给你最大的收获是什么?
我(终于来了个正常的问题):因为balabala,正当我要说出我的闪光点的时候,她又打断我了!
面试官:你还有什么问题要问我的吗?
我(内心OS:...认怂):......

面完静等结果,七个工作日反馈。

这一整天基本都花在了网易面试上了,也因此错过了微众的线上笔试,但是还有一场美的的线上笔试,于是稍作休息后驾车去往离住的地方最近的一家星巴克,买了杯咖啡,在里面完成了美的的线上笔试,结束后,在商场逛了下,找了一家店,终于吃上了饭,那时已晚上21:10分,很多店都关门了。

也就是说,18号这一天过的充实、忙碌、饥饿、期盼、焦虑、疲惫。

也就是那晚,我失眠到凌晨五点,就是因为担心网易的面试结果...

也因此希望会有一个好的结果...但是我知道那是不可能的,因为网易毕竟是网易(前端170左右候选人,只招7人),我只是普通一本的小硕,与那些985/211高校没多少竞争力,也明白我在前端这块,我还不够熟练,知识掌握的还不够,加油吧。

为了能得到更美好的东西,必须使自己更加优秀,不管对人还是对事。

猜你喜欢

转载自blog.csdn.net/Charles_Tian/article/details/82785899
今日推荐