记2019前端面经

静

2019-07-01

关注关注

Motivation

2019寒冬来临，卷入动荡之中只能又开启了漫漫求职路。有辛酸，有坎坷，但也有点小幸运。

Experience

前前后后面试了6家公司，总结一下问题做一个backup。（仅记录问题，不区分面试轮次）

脉脉
- 框架
  - 简述vue的基本原理
  - vue的生命周期
  - vue与react的不同
  - vue父子通信的方式
  - vuex的原理及理解
  - vue v-model如何实现的，语法糖实际是什么
  - react 生命周期
  - react context 的理解
  - redux的原理
  - react-redux的原理
  - 如何避免render的触发
  - 说一下react vnode的diff算法
  - vnode的引入与直接操作原生dom相比，哪一个相率更高，为什么
- 基础知识
  - 对缓存的理解
  - 对http2的理解
  - 对https的理解
  - 对原型链的理解，画一个经典的原型连接图
  - 对es6了解多少
  - 箭头函数与正常函数有哪些区别
  - class的实现用原型写一个继承
  - ajax axios fetch的区别
  - 如何用promise封装一个ajax
  - 项目中的难点和亮点

二面送走，说会联系也没联系我 > <.(面试体验和福利还是挺好的)

高德
- 框架
  - React组件的生命周期
  - React父子组件如何通信的
  - React层级很深的组件如何通信传值(Context API)
  - React做了哪些性能优化 PureComponent的实现原理是什么
  - React setState后都会发生什么，是否了解
  - React 1000个列表节点渲染，给出一个优化方案
  - 是否了解React事件机制，如果让你实现如何来设计
  - Redux的原理及理解
  - react-redux是如何来实现的，connect是不是一个高阶函数，原理是什么
  - react与vue相比，有什么不同
- 基础知识
  - 对缓存的理解，需要什么设置
  - 对代码构建上线流程是否了解，说一下如果让你实现的思路
  - 谈谈对webpack的理解，常用哪些plugin，对webpack配置是否了解，对项目打包是否做过什么优化
  - ES6常用到哪些，对class的理解，手写一个对继承的实现
  - Promise是否了解，如何实现一个promise
  - class继承中子类想使用父类的方法，应该用什么方式调用(super的意义)
  - 箭头函数与正常函数的区别
  - css实现border渐变
  - css实现下阴影（气泡类带箭头的阴影）
  - css对flex的理解
  - 对浏览器渲染机制的理解（具体到细节，从渲染树到paint之间究竟发生了什么）
  - 纯css实现一个高宽比为1：3的盒子列举几种方式
  - 浏览器的架构，bom，dom
马蜂窝
- 框架
  - vue的生命周期
  - 组件A下有子组件B、C，那么3个组件生命周期的调用顺序，同级组件mounted触发一定是先调用先call吗？同步还是异步？
  - vue的基本原理
  - vue eventbus的实现
  - vue父子组件的通信
  - vuex的使用
- 基础知识
  - 对https的理解,对称、非对称加密在哪部使用
  - css布局各种定位的方式
  - css实现水平垂直居中
  - css实现一个旋转的圆
  - cookie 跨域的处理方案
  - cookie 种在子域下能否携带发送到服务端(SSO登录)
  - 写一个函数，第一次调用返回0，之后每次调用返回比之前大1
  - 闭包、作用域的理解
  - 用原生xhr发送一个请求
  - 跨域请求可以携带cookie吗
  - axios与xhr的区别，如何用promise包装xhr
  - 讲讲项目中的难点

要吐槽一下。1面好看的小姐姐面完直接告诉我当备胎了，送我出去了= =。。。（不过马蜂窝的办公环境是真的挺美的，跟花园一样）

猿辅导
- 框架
  - vue的生命周期
  - vue双向绑定的原理
  - vue父子组件通信的方式
  - vue eventbus的原理
  - 对vuex的理解
  - 谈谈对vue和react对比，并从中能学到什么
  - vue中可以对对象进行数据监听，如果对于数组中的某个元素能否监听，是如何做到的
- 基础知识
  - http的头部有什么字段，简要描述(缓存，content-type，cookie等等)
  - cookie跨域服务端需要如何适配(CORS头)
  - 一个请求跨域是否会抵达服务端
  - 对之前的项目做过什么优化，讲一讲
  - 对之前的项目遇到过什么难点，讲一讲
  - 对http2有哪些了解
  - 对canvas有哪些性能上的优化
  - 对settimeout和对setinterval的理解（涉及代码题倒计时函数，eventloop的考点）计时是否准确？如何实现较为准确的计时？
  - 对一个短时间并发高的场景需要如何处理（后端设计）(开始答题获取试卷的场景)
- 写代码
  - 写一个倒计时函数
  - 写一个函数，给定一棵树，输出这棵树的深度
  - 写一个函数，给定一个url和最大深度maxdeep，输出抓取当前url及其子链接深度范围内的所有图片
  - 写一个函数，给定nodes=[]，每一个节点拥有id,name,parentid，输出一个属性列表的展示(涉及dom操作)
抖音
- 框架
  - vue数据绑定的实现原理
  - vue computed具体在什么阶段进行的依赖收集，具体的过程详细描述
  - vuex和redux的差别
- 基础知识
  - 跨域的解决办法
  - 原型链的理解，写一个原型继承
  - 实现一个sendRequest，有最大请求并发限制
  - EventLoop的理解
  - 浏览器渲染触发在EventLoop的哪个阶段，触发机制是怎么样的
  - https 建立连接的过程及通信如何劫持，鉴别是否被劫持
  - ES module与cjs的区别
  - Tree shaking的实现原理
  - 给定一个sum 检验一棵树中，是否存在一条路径和为sum，输出该路径

二面送走，感觉到自己在一些问题的深度上还有待加深。

快手
- 框架
  - 对vuex源码上如何实现只能mutation更改，而不能直接更改
  - vuex中如何在层层都可以引用$store
  - vuex和redux的差别
- 基础知识
  - 笔试题6页
  - css优先级关系
  - eventloop的先后顺序(node内)
  - node中的垃圾收集机制
  - BFC，IFC，FFC的区别
  - a11y是什么，如何理解
  - prototype的考察
  - TDZ的考察
  - 写一个数组方法，打乱整个数组顺序，并且每个数字落在各个位置的概率相同
  - one(add(two())) // 3 two(add(one())) // 3 写出 one() two() add()的实现
  - 实现一个catchPromise 发同一个请求缓存data 在实际网络层相同url只会发出一个请求
  - 给定 n 个 {x, y, w, h}的盒子按需排列，左上聚拢(层叠后的max(h)*max(w)最小)，求给一个{w,h}，输出放置的位置
  - 从输入一个url到呈现网页，都有哪些步骤
  - http keep—alive都解决了哪些问题 keep-alive是从c - nginx建立的还是直接到服务建立的长连接，与websocket有什么区别与联系
  - 给定一个html，输出其中包含的html标签数量，可以用domapi 注意iframe
  - 实现一个NumberStack，实现pop，push，max(n)方法，max(n)返回第n大的数，max(n)需要 O(1)的时间复杂度
  - 实现一个bind函数
  - 跨域的解决办法，jsonp的实现原理