【前端面经】本科前端新手的网易,360,有赞,CVTE面经

楼主本科渣,大三下才开始学前端,一路磕磕碰碰,目前0 offer,感觉要失业,失业前发个最近的面经给需要的。

360大流程视频面试

360内推没过简历。过了笔试,31号面试的,最近最难一场面试,一面发挥良好,顺利过;二面中途问题太难太紧张,后期基本思路很乱,主要还是知识储备不够。

一面(45分钟)

1.介绍项目
2.SVG和canvas区别,知道哪些api,热力图用哪一种更好?

3.介绍下vue开发时候如何规划项目,讲了讲组建、通信状态管理、路由、通信方式、打包发布。

4.游览器渲染过程。渲染引擎和JS引擎。

5.webpack本地开发怎么解决跨域的

6.webpack的原理,哪里是词法分析还是语法分析,具体什么?

7.loader和plugin区别,分别做什么

8.vue的v-dom原理,为什么高效,和模板引擎什么区别

9.diff算法

10.深拷贝,写代码。各种数据类型哪些在堆栈上?jquery的extend是浅拷贝还是深拷贝。Json的方法实现有什么缺陷

11.原型继承,写代码不能用ES6的class...extend...

12.service worker

13.websocket

14.flex布局实现栅格,实现水平垂直居中

一面问题比较和我口味,都是实现和研究过的,就全部回答出来包括追问,估计面试官业给了个比较高的评价,让我准备二面。刚结束立即就通知二面,然后二面很难很难,直接血崩了。

二面(1小时)

1.前端优化

2.get和post区别,get和post性能差距大不大

4.http基于udp还是tcp?tcp和udp什么区别?几次握手几次断开?为什么要这样设计?如果不这样可能会发生什么?

3.resuful的API设计

4.游览器缓存机制

5.跨域,追问正向***与反向***,追问websocket跨域

6.vue平级组件通信

7.200万条数据插入vue的data,不添加watcher怎么实现

8.react平级组件通信

9.redux的设计思想

10.flux架构的单向数据流有哪些部分组成,和vuex不通点

11.jsx怎么被解析?我说AST,我知道肯定要用AST,具体说说过程。那解析jsx用了babel和webpack的什么插件或者loader

12.组件热加载方案

13.你框架掌握的不是很好。问你js基础吧。写一个观察者模式。我写不出来,讲了下概念。写一个单例模式。

14.问你算法吧。遍历一个树型对象

10分钟后收到电话告诉我很遗憾未通过二面。1-6答上了,第7题到第13题基本全部不会或者讲的不清楚。感谢把我虐的很惨的二面面试官。

网易内推面试

22号,杭州网易大厦现场面试的。那天正好是我深信服实习转正答辩时间,最后把转正实习放弃了去了网易面试拼一把,深信服技术氛围太差太差了讲真不想再回去所以干脆拼了不留后路了。网易面试相对比较简单,实际不太好反应真实水平,不太清楚怎么刷人,我只希望我网易能过了,但HR面种种失误感觉难,就不再继续面试了,这一年来太累了。

一面(1小时)

1.自我介绍。

2.问项目,问实习。

3.indexDB,cookie,localStorage,sessionStorage区别。

4.游览器缓存机制。就是HTTP相关字段的解释。

6.js合并后与合并前哪个快,也就是一个<script>标签与两个情况下,哪个更快。第一反应合并后,说合并后减少http请求,后边反应过来说不一定,看script位置,如果在head里优先于css与dom加载了的话,会阻塞影响的,同时还说了游览器引擎渲染过程这些分析了,然后提到了defer异步,被问除了defer还有什么,说了async,被问区别。然后面试官说只考虑理想情况,都是正常些都在Body底部,那个快?我坚持的认为合并后快,但面试官说http是同步多线程的,所以多个请求。

7.HTTP请求报文结构,当年腾讯实习生招聘问我这个没答好,回去看了HTTP权威指南,所以说了一部分后追问真实HTTP是怎么区分各个字段的,我说换行,那冒号呢?这个不懂了。

8.事件绑定的原理,冒泡与捕获概念以及API。

9.手写代码,封装一个事件处理函数。

10.点击input事件传播的全过程,除了focus,blur,click想不起来了。

11.简单定位问题,修改后的定位,思考几秒后没想出来(其实很简单),然后面试官问你是不是CSS不好,我说是的不擅长CSS。

12.CSS画三角形。

13.box-sizing。

14.z-index,追问了何时生效,我说我用的时候position是absolute的,只知道肯定有定位条件具体什么不清楚。后来查了是被定位了的元素才会生效。

15.看过那些前端书籍。听完面试官说你一本css都没看过,怪不得css不好。

16.面试结束,有没有问题问。我问网易智能与感知中心做什么工作,期间聊到了对人工智能,VR、AR的认知。面试官建议学好JS基础同时也适当注重下CSS,找本书看看。

总体一面表现挺一般,很多本来会的知识没有答全,加上问了比较多我不擅长的CSS。面试官人很好,事件传播问题不停引导我,但确实那块看过太久又没有写过,真的记不起来算是最大的失误,其他基本都是追问后才有不会的,当然自己烂的要死的CSS估计也是减分不少。但最后还是给我过了,网易基本都会过面试。

二面(30分钟)

1.自我介绍。

2.项目介绍。

3.SEO。第一次遇上问SEO,大概说了一些SEO基础后,聊到SPA的SEO怎么优化,结果自己带了个坑说了SSR,然后被问有没有做过SSR,没做过。

4.前端跨域,从同源机制聊到六种跨域方法基本全了。提了CSRF与XSS没讲细节。

5.又问了一次游览器缓存机制。比第一次说的全了一些。

6.谈谈前端工程化理解,答得挺全的,遗憾忘记提ES6,其实我倒是希望被问ES6的问题,前段时间一直写ES6除了个别不常见api外,ES6很熟悉了。

7.又问了一次box-sizing。

8.看了那些书。

9.啥时候学前端的,怎么学的。

10.解释下原型链,两句话说完我感觉说的有点少,然后重说了一次还是两句话。

11.有没有问题要问。我表示惊讶的说这么快。然后问了部门用技术栈,用的工具,人工智能团队前端的业务。后来面试官还给出建议,说我知道的已经很全面,但表述上存在问题,首先声音太小虽然我听的懂,此外说的太快中间不停顿,无法get重点,建议增加下表述条理性。面试官姐姐还问有没有来过杭州,晚上可以去看看西湖。然后面试官介绍说他们用自己开发的regular框架,自己开发的打包工具,所以未来会参与造轮子的工作。

二面面试官是个前端姐姐,人挺好比较亲切,追问比较少,因此问题全答上了,也可能是我一面已经大概知道水平就不再追问,问些了我擅长的好了解水平吧。

HR面(30分钟)

可能面试者比较多,HR面等了好久,早上10点到12点结束了一面二面,HR面等了几乎半个下午,下午三点五十才等到HR面,HR面遇上一些自己坑了自己,就不再详提了,总之自己感觉HR面表现相对技术面差,主要是第一次正式校招面到HR面(网易真的给机会,给大多数面试着都进入HR面),问的问题都是之前没见过的,加上我一直有不假思索直接回答的习惯,以及没有表达出自己想说的意思。此外HR姐姐提出我表述有问题,思维太跳跃,让对方拿不到重点以及。不过任然觉得网易的HR人还是很好了,三面下来是面试体验最好的公司之一。

有赞面试(85分钟)

8月17号晚上八点,正在睡觉,我一般有晚上或者傍晚睡一小会觉的习惯,因为晚上睡得晚。接到一个浙江杭州的电话,这是第二次打给我,第一次也是在睡觉没听到电话。迷迷糊糊中接到电话,面试官一开始和我说有没有时间,考虑到两天前就没有接到电话,所以就没好意思推,于是说有时间,面试官让加qq然后开始视频面。

1.项目。

2.说一说闭包。闭包优缺点。看你用过vue.js,讲讲闭包在vue源码哪里用过。

3.盒子模型。哪个css可以改变盒子模型。这时候面试官让我打开codepen,开始需要把后边的代码写出来

4.水平居中,垂直居中,水平垂直居中。

5.flex布局。写justify-content写到just后边的忘了怎么拼,然后解释代码补全用习惯了,尴尬。

6.positon取值,讲讲sticky。

7.display取值,元素默认的什么,内联元素块级元素可变元素有那些?img是什么的?

8.float:left情况下是怎样的,此时如果超出了宽度范围。

9.CSS3的transform。
(问完说好吧,你css不好啊,我来问你一些js的东西)

10.输入一个url后发生了什么。

11.tcp协议,http协议

12.写继承,不能用class...entend。

13.写快速排序。

14.写一个js判断全等的方法。

一面挂。主要是基础不牢固外加当时刚睡醒大脑没反应,所以本来很基础的面试答得很差。面试官人很好,中途引导,学到很多东西。

CVTE面试(60分钟)

本来不太考虑cvte的,后来听在cvte实习的同学说cvte用react,想想写react还是比较爽的,所以就让同学内推了下,和面试官预约时间聊了聊。大概8月15号。

1.项目。

2.前端优化。

3.前端安全。

4.v-dom。单向数据流与绑定的优缺点。

5.游览器缓存机制。

6.get,post区别。ajax过程。

7.js内存管理机制。内存泄漏咋解决。

8.自己写的组件是如可设计的,prop和state怎么设计,区别是啥。

9.前端路由实现方案,react-route是咋实现的。

10.事件***,原理,冒泡与捕获区别。

11.this指向。

12.最近关注点。聊了PWA,小程序。

13.用Node写过什么,写过一个Mock数据的工具,打算上传npm包,也用过express和egg但还不是很熟练。用了哪些原生node的包,http,fs,path等等这些你说的包是做啥的。

15.聊聊自己对前端看法,我说我比较做面向管理人员的前端,因为不需要考虑兼容性,而且能用最新技术。此外我不喜欢写css所以不喜欢写面向用户的前端。

CVTE面试很舒服,按照简历问的不是随意问,基本全是自己擅长的,没问我最不擅长的css,全部答上了。后来听说那边优招结束了,只能转校招了。

哎。楼主目前零offer,之前也没做读研准备,感觉要失业,今年前端太难了,真的非常难。
腾讯内推的BG貌似前端HC满了,安排了面试最后没面,其他百度、猎豹、爱奇艺、美团之类公司都挂了简历。目前内推季结束,要进入校招了,估计难度又高一档。我已经累的不想坚持了都。

#网易##360公司##广州视源电子科技股份有限公司##前端工程师#
全部评论
大佬厉害了,学习学习
点赞 回复
分享
发布于 2017-08-31 14:48
看着都觉得好难啊orz
点赞 回复
分享
发布于 2017-09-05 20:56
联想
校招火热招聘中
官网直投
同一样。。。,你已经很强了
点赞 回复
分享
发布于 2017-08-31 14:10
你已经很厉害了呀😭,只能说公司要求越来越高了
点赞 回复
分享
发布于 2017-08-31 14:11
校招未必比内推难……楼主挺住!
点赞 回复
分享
发布于 2017-08-31 14:13
找工作看运气的,校招开始机会更多一些的
点赞 回复
分享
发布于 2017-08-31 14:14
360二面套路神似
点赞 回复
分享
发布于 2017-08-31 14:19
厉害厉害👍
点赞 回复
分享
发布于 2017-08-31 14:21
大佬加油!!!交出你的图包哈哈哈哈哈
点赞 回复
分享
发布于 2017-08-31 14:22
加油大佬
点赞 回复
分享
发布于 2017-08-31 14:29
大佬厉害~  mark下
点赞 回复
分享
发布于 2017-08-31 14:30
向大佬低头
点赞 回复
分享
发布于 2017-08-31 14:39
前端总好过我们安全吧,安全的岗位基本没几个公司招 实习生转正都转满了。你好歹还面了几个。我到现在都没面上一个。。。 话说深信服那边转正咋样了
点赞 回复
分享
发布于 2017-08-31 14:50
😳大佬都要失业了,我只能去搬砖了
点赞 回复
分享
发布于 2017-08-31 14:50
我想问下就是你说跨域有好几种方法六七八种,实际开发中用了哪些方法?那些什么带iframe的,改document.domain的,改window.name的,这些玩意都有用吗?iframe现在还有用的吗?
点赞 回复
分享
发布于 2017-08-31 15:33
给大佬跪了。。这样的都拿不到offer 我这样的菜鸟怎么办。。
点赞 回复
分享
发布于 2017-08-31 15:58
请问网易面试的是什么部门,出结果了吗?
点赞 回复
分享
发布于 2017-08-31 16:01
楼主 我想问一下  你感觉面试题是不是主要根据你的简历来问的啊?我看你第一个公司的第二个问题问的是canvas和svg  是因为你在简历里写到了吗? 
点赞 回复
分享
发布于 2017-08-31 16:03
我擦…刚刚拿了深信服实习offer,前端,在那里真的学不到什么东西吗?我水平没你那么高
点赞 回复
分享
发布于 2017-08-31 16:15
感觉自己更找不到工作了
点赞 回复
分享
发布于 2017-08-31 16:21

相关推荐

一面直接挂了后来被PCG捞起来了,发个面经攒攒人品(敬请期待)3.19&nbsp;金融科技(一面挂)1.自我介绍2.这个工作室是一个部门嘛3.刚刚你说会就是给学弟学妹答疑,有针对他们的方案嘛4.你们工作室开发一个项目的整个流程,从需求到上线5.这些应用都是放在企业微信上面的嘛6.如果你分配的任务有人在截止时间之前没有搞完怎么办7.在这个开发过程中成员之间会出现什么问题嘛8.具体发生的问题的原因9.后续针对这类事件有采取什么措施嘛10.聊一聊开源项目遇到的困难之类的11.这个配置加组件是什么意思12.为什么要做这个防抖13.这个开源项目有被企业使用嘛14.设计模式15.在开发PC端和移动端需要额外注意的地方16.聊一聊proxy17.有学过vue2嘛,说一下vue2和vue3的区别18.webpack和vite区别19.有手写过插件嘛20.ts的泛型,你写过最难的一个类型21.windicss22.有用过windicss去封装一些组件吗23.pnpm和npm的区别(npm不是也有缓存吗,为什么说三十个依赖要下三十次)-&nbsp;应该是npm有缓存,只会下载一次,但是如果再出现的话就是会复制一份,而不是下载24.前端性能优化(遇到项目中感觉某个地方加载比较慢的情况吗,怎么解决)25.怎么学前端的26.重绘和重排,怎么避免重绘27.translate(0)加载到一个盒子上面会有什么不一样的地方-&nbsp;这个真不知道,查资料发现是有css3硬件加速,加载更快28.跨域问题29.讲一下你刚刚说的jsonp30.jsonp拿到数据之后呢,是一个什么东西-&nbsp;函数,一个get请求的回调函数,里面包含了数据31.浏览器可能遇到的攻击32.中间人攻击33.事件循环34.刚刚说的事件循环是在什么环境下的,node还是浏览器手写代码题1.每三位添加一个,2.力扣hot100&nbsp;栈的第一题35.写项目中让你印象最深的事情36.怎么调试的37.url输入后回车发生了什么事情反问环节
点赞 评论 收藏
转发
37 292 评论
分享
牛客网
牛客企业服务