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部分必考的确定有生命周期

这里我大概说了下每个生命周期，es五、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了我。指望加入~

基本想到的就是就这么些，后面若是想到再来补充吧。

ps：最近掘金 关注涨的有点多，也不知道为啥，最近也没有怎么学习，因此就匆匆忙忙整理这些不知道是否是干活的干活。若是整理的很差，还望见谅。后续结束求职经历，在来细细雕琢。