16年毕业的前端er在杭州求职ing
来杭州也有一两个星期了,这个周末下雨,是在没地去,还是习惯性的打开电脑逛技术论坛,想想也是好久没有更新博文了。。。
背景
因为曾经看过一篇文章面试分享:一年经验初探阿里巴巴前端社招所以来杭州也是带有目标的,网易!如果能有幸加入阿里,也是非常荣幸的。所以面试总是懒懒散散的,大概一天也就面试一家。
然后我的技术栈大概是react+node,GitHub地址:Nealyang
目前的状态是阿里通过了技术面和交叉面,大概下周一总监面+hr面。网易hr面结束了,在等通知,科大讯飞已经拿到offer了,还是比较不错的offer,别的创业公司、上市公司不管是人工智能还是智能家居也都基本拿了offer,但是。。。好吧,还是有着一颗对大厂的夙愿。或许就是大学埋下的吧。
因为个人比较懒得跑面试,所以很多公司的电面我都接了,但是很多公司的现场面试都没有去,哎呀呀,好吧,我懒~这里我大概回一下所有面试所问到的问题吧,因为之前没想去记录,所以很多我都忘记是哪一家了,索性一不做二不休,直接一股脑回忆下面试题吧。能想起来的我标注下是哪家公司。
面试 begin
大概我是一月分离开的环球网,然后再北京收拾东西总结知识,开始投递简历,大概都是boss直聘和拉钩上面
HTML & CSS 部分
- css常用布局
这个在面试上市公司和创业公司问的比较多。大概我会回答一些盒模型包括怪异盒模型,定位布局,流布局,浮动布局,flex和grid布局,包括还有三栏布局中的圣杯和双飞翼。这些都还比较熟悉,所以问到都还知道。其中flex布局问的比较多,阿里的交叉面还有别的公司有问到子元素的一些属性。
- BFC
这个滴滴面试的时候有问道(滴滴是破例让我加入流程中的,并且他们还招的技术栈是vue)一般在问清除浮动的时候会说一下
- 居中问题
这个应该是老生常谈的东西了,电话面试的时候有两家问到
- session、cookie、sessionStorage、localStorage等区别
这个也是上市公司和创业公司问到,大概就是说了下中间的区别,还有会简单说下cookie的属性,以及一些前端安全方面
- px/em/rem的区别
滴滴电面的时候问的,这个我也知道,大概说了下相对于父元素还是文档来确定大小之类的。
- animation和transiton的相关属性
这个我也就用了个大概,大概知道的简写位置和属性,当然,阿里一面还问到,为什么动画推荐用c3而不是js,这个问题当时并没有回答好,大概就是从性能上扯了扯,但是什么占用主线程以及浏览器对c3加速都没聊到。然后网易面试也问到了,然后我巴拉巴拉说了下后来查的相关东西。然后网易问了一句,浏览器怎么优化的动画。。。我。。。不知道。
- css编写注意事项
因为这个在之前团队里面没有明文规定,所以我也没总结过,大概说了下自己编码中的方式,和浏览器查抄的过程。
- css和HTML 问的的确都不是很多,然后还有什么标签,meta和media啥的,大概也就介绍了下,问的都不是很深,我也没有回答的很深。。。因为我HTML CSS真的一般般。
JavaScript部分
- JavaScript数据类型分哪些
这是一个初创公司电面的问题,问的都非常基础,比如css画三角形之类的。别说,之前没准备,还真的忘记了border怎么设置出现直角三角形还是等腰三角形。当然,这个类型还是。。。没得说的
- JavaScript闭包
这个应该问的都比较多,我之前总结过,以及常用的场景,也结合es6谈了下作用域和单例模式谈了下
- 前端跨域
这个我基本都知道,之前有在掘金上总结过,这个很多公司又问道,包括阿里、网易一面。一般方式我都知道,具体展开会把CORS跨域,heade信息字段都说了一遍。也不难
- JavaScript继承
这个我之前也总结过相关文章,网易的一面第二个面试官问了,我大概从原型继承、构造函数继承、组合继承、寄生组合继承优缺点和实现方式都说了下,还有es6的实现方式。一般这样就回答差不多了。后来网易还接着问,es5如何实现super关键字。看过babel转换后代码,但是这个。。真的忘记看了。大概说了下自己的实现思路,也就是装饰着模式。然后也就浑过这题了。
- JavaScript的节流和防抖
滴滴一面问到了,阿里交叉面的时候聊业务场景的时候,也有问到。之前看过文章,自己项目中也用过,所以大概知道些
- JavaScript的事件
阿里交叉面问到的js事件执行机制。我大概谈了下event loop,microtask,task queue。然后事件委托、捕获、冒泡、目标阶段大概谈了下,也顺道谈了下target和currentTarget。
- ajax请求方式
因该算是考察基础功吧,谈了下XMLHTTPRequest的过程,readyState的几种类型和代表的意思。以及浏览器兼容性的处理方案。
- js判断数据类型的方法
貌似有两家公司问到,大概说了下typeof、instanceof、constructor、prototype等判断方式,注意事项以及优缺点。应该回答的还可以
- 函数声明和变量声明
这个大概我也知道,还说了下es6的相关东西
- this指向的问题
这个我也总结相关文章,大概说了下四种绑定规则,还说下new的执行过程以及箭头函数注意事项
- 面向对象的理解 滴滴一面问的,大概说了下理解以及实现,从封装、继承和多态上说了下es5和es6的实现方式
- 对于js这门语言你认为怎么样
哇,这个问题问的真的大。有看过《JavaScript语言精粹》,大概说了哪些弱类型语言通病,因为之前搞过Java,所以综合对比了下,同时也说了这些诟病怎么解决。应该会的面试官还是挺满意的
- es6相关知识点
这个应该回答的都不是很深入,大概我都用过,promise的实现方式也研究过,但是不记得哪一家公司问到generator的怎么实现的。大概从iterator上简单说了自己的方案,然后说没看过。然后对于别的其实问的不是很多。基本套路就是es6了解过吗?用过哪些语法。后面具体可能会说下哪一个新特性的实现方式或者转向babel、webpack的相关面试。
React部分
- react部分必考的肯定有生命周期
这里我大概说了下每一个生命周期,es5、es6的两种书写方式,以及每一个生命周期我们一般用来做些什么操作
- setState是异步的还是同步的
阿里一面的时候问到的,我大概说了两种setState设置方式,以及表现为同步的那种设置方式展开说了下
- 子组件和父组件componentDidMount哪一个先执行
这个也大概从生命周期分期了下。话说我到现在还不知道自己回答的对不对,技友们,你们觉得呢?
- redux的一般流程
这个我比较熟悉,一带说了下所有的技术栈,以及react-redux的原理、高阶组件、以及redux-saga的实现原理。(逮住会的,都啪啪啪说出来,自己掌握点节奏。但是要适当,比如问到我es6,我啦啦啦说了一二十分钟,一般面试官会有点不耐烦。所以视情况而定)
- 如何设计一些组件,原则是什么,你写过什么自豪或者眼前一亮的组件
阿里一面以及一家上市公司也闻到过这类似的问题,大概从组合、复用、重复、测试、维护等方面说了下
- a组件在b组件内,c组件在a组件内,如何让他渲染出来,a组件和c组件同级
阿里面试的时候问到的问题,想了一会,说了不会。后来查了下,大概可以通过react16中返回不带包裹元素的组件来实现。因为和阿里一面面试官后来聊得比较开心,加了微信,还斗胆为了下他,他说还有曲线救国的实现方式
- react组件的优化
从pureRenderMixin、ShouldComponentUpdate等方面说了下,以及组件的设计和木偶组建的函数编写方式说了下
- react组件的通信
这个大搞几种方式也都说了下,prop,context(顺道扯了react-redux的context实现方式)、redux甚至广播都说了一遍
- react 的virtual dom和diff算法的实现方式
阿里交叉面问的,直接说实现方式源码没有看过,但是大概说了下原理和步骤,具体代码怎么写的不知道。
- MVC、MVVM了解么,数据双向绑定和单向绑定实现方式
滴滴一面问的,实现方式还是说了不知道,然后说了下MVC和MVVM的设计模式,因为之前用过angular1,大概就说下脏检查步骤以及view-model的作用
- react-router实现方式,单页面应用相关东西
大概说了下react-router的一般使用方式,以及没有使用react-router的时候如何利用h5 的history API来实现路由跳转等。
- react的ssr了解么?大概怎么实现
阿里的一面问的,在github上写过demo,但是没有用过别的第三方库,这里我就大概说了下webpack的配置项以及大概的实现思路和注意事项。
- react大概也就问了这么写,别的就是具体的业务场景改怎么写代码怎么分析,比较不大众,这里我就我细说了。其实也就考验你的项目经验吧。当然,还有一些react Native的面试题,比如常用组件,和原生如何通信之类的,这些就有赞问的多,但是因为RN玩的不是很透彻,所以对于交互原理都不是很明白。
浏览器
- http三次握手后拿到HTML,浏览器怎么加载
阿里的一面问的问题,这个我之前在环球做过相关技术分享,所以大概都知道,从过程到不同内核差异(差异部分简单提了下)说了下dom、CSSDom以及paint等过程。然后面试官接着问如何防止repaint和reflow。大概从引起repaint和reflow等操作上说了下避免。网易的一面也问到了repaint和reflow。
- 前端优化一般都做哪些
这个之前总结过,雅虎的军规啥的。以及首屏优化。然后面试跟了些预加载http head信息相关的,这个没怎么看,回答的不是很好
- 浏览器缓存
这个我也做了相关的技术分享,也看过《图解http》大概从http 1.0和1.1都说了下,其中有一家公司问到200 From cache和200 ok区别(有赞),这个还真的忽略了,后来查了下大概了解了。其实也就是强缓存
- http常见状态码
从100~500 大概也说了十几种。其实也就是《图解http》中的东西,当时还刻意背了下
- http2.0相关
网易一面问题,说了下2.0的采用二进制格式、多路复用、报文头压缩、服务器主动推送还扯了websocket的相关内容WebSocket:5分钟从入门到精通。然后网易接着问,报文头怎么压缩的?我。。。??不知道。。。然后大概也问了下https的TLS/SSL,之前看过漫画的htts的相关东西,大概说了下漫画里面的故事~
- post、get区别
这个回答的不是很好,也是一个大厂问的题目,我回答的都是表象。后来我看了一篇文章,大概知道了。99%的人都理解错了HTTP中GET与POST的区别
- 别的我也不记得了,回头想起来在来补充吧
构建工具
- 编写过webpack的扩展嘛,Plugin或者loader
这个我看过一本书《深入浅出webpack》,所以基本都能回答上来。包括原理和编写loader、Plugin注意事项。当然,我自己没有写过。。。《深入浅出webpack》
- babel 问的不多,但是我也准备了,包括每一个包的作用和内部转换过程,不记得哪家公司问了,大概我也就说了下babel转换的过程。
结束语
下周起阿里终面,网易等通知。别的公司基本offer也都拿到了,但是大厂毕竟大厂,基本拿到的offer都过期了。。。并没有办法,毕竟有个大厂梦。好吧,其实还是挺幸运的,阿里用人部门主管leader和一面面试官,加了微信都聊得挺开心的。还感谢主管GitHub follow了我。期望加入~
基本想到的就是就这么些,后面如果想到再来补充吧。
我有一个前端学习交流QQ群:328058344 如果你在学习前端的过程中遇到什么问题,欢迎来我的QQ群提问,群里每天还会更新一些学习资源。禁止闲聊,非喜勿进。