前端14个大厂1周面试题,跳槽稳稳地

1,360 阅读7分钟


小米-小米应用商店(过)


一面


小米的面试官给人的感觉很亲切很真诚,是一个体验很不错的面试。


  • css 实现图片自适应宽高

  • 讲 flex,手写出 flex 常用的属性,并且讲出作用

  • BFC 是什么

  • 项目里面的前端鉴权是怎么实现的?

  • vue 里面的虚拟 dom 是怎么回事?

  • vue 双向绑定讲一讲

  • 手写函数防抖和函数节流

  • 讲讲常用的 es6 语法,比如 let、promise、class 等等

  • 浏览器渲染过程,回流重绘等等,load、DOMContentLoaded 等等事件的触发顺序

  • 从小米应用商店里面随便找了一个需求让我现场实现,写伪代码


二面


  • 讲项目里面的鉴权和图片懒加载怎么实现的

  • 讲 vue-lazyloader 的原理,手写伪代码

  • 讲 express 框架的设计思想

  • 线上日志是如何处理的

  • 讲事件循环

  • 讲 nodejs 的 eventEmitter 的实现



三面


  • 讲项目里面做的事情

  • 讲 vue 的响应式原理、依赖收集、监听数组、虚拟 dom 等等

  • 讲 express 的中间件系统是如何设计的

  • 现场从小米应用商店中找出一个需求现场实现,说思路,写关键的代码

  • 四面

  • 讲 vue-lazyloader 源码以及设计

  • 使用 es5 实现 es6 的 class

  • websocket 握手过程

  • 浏览器的事件循环和 nodejs 事件循环的区别


百思编程(过)


这个公司是猎头推荐的,CEO 比较强势,也算比较有趣。


一面


  • 跨域以及解决办法

  • 手写一段小算法

  • JavaScript 的 sort 方法内部使用的什么排序?


二面


这一面是 CEO 面,主要问了我的职业规划等等问题,在我没有表现出很强的要去该公司的意愿后,直接给我送走了…


ponyAI-基础架构(过)


一面


  • 讲项目里面干了啥

  • vue-lazyloader 怎么实现的

  • vue 的响应式系统、虚拟 dom

  • 函数式编程

  • 手写了一个算法题




二面


这轮面试时从美国打电话过来的,事后才知道是 Google 的前端…


  • 讲讲项目里面做了什么

  • vue 原理,和 react 的区别(其实我没怎么用过 react)

  • JavaScript 异步的处理方式,现场出了一个问题,使用 promise 实现



三面


  • 讲项目模块规划、项目如何部署、如何优化等等

  • 手写函数的防抖

  • 手写一道算法题




四面


  • 讲讲项目

  • 手写一道算法题


洋钱罐(过)


一面


  • 讲项目

  • 前端持久化的方式、区别

  • vue-lazyloader 的原理

  • 怎么配 webpack

  • 手写 vue 双向绑定

  • 讲 es6 的一些特性,并且现场出了几个代码片段,说结果

  • 手写一道算法题

  • http 状态码


二面


  • 讲项目

  • vue-router 的原理

  • 项目中怎么用的 webpack,怎么优化

  • 讲 express 的设计原理

  • 手写一道算法题


创新奇智(过)


一面


  • 讲项目

  • 手动实现 parseInt


二面


这一面居然遇到了前同事…写了一些笔试题,问了一些问题!


三面


  • 讲 tcp/ip 网络层、三次握手,为什么不能两次握手

  • 讲 vue 原理

  • 手写一道算法题


猿辅导(跪)


猿辅导好像总共就一面,期间一些实现方式和面试官有争议(没有冲突)。


一面


  • 手写 vue 的 mixin 方法

  • 手写 promise 的 all 方法

  • 现场出了一个移动端的小需求


搜狐-垂直媒体部门(过)


一面


  • 讲项目

  • 项目里面用 nodejs 做了啥

  • 抽取了哪些 vue 组件



二面


  • 讲项目

  • 手写实现 promise

  • 腾讯-地图(跪)

  • 腾讯两个部门面试都会先做一套笔试题,笔试题基本就是一些常见的前端问题以及算法题



三面


  • 讲项目,对项目提了一些问题

  • 怎么判断一个点是否在圆形内、正方形内

  • 对笔试题


腾讯-天天快报(跪)


也是先做了一套笔试题,但是令人尴尬的是,面试官觉得我快排写错了,然而我只是在原地快排没有申请额外空间…


  • 笔试题

  • 没了


百度-百度云(过)


这个部门今年据说升为一级部门了,好像还挺不错的~


一面


  • 讲项目

  • vue 响应式原理,什么是 mvvm

  • es6 使用过的特性

  • flex 常见的属性

  • css 选择器的优先级

  • 抽取过哪些 vue 组件



二面


  • 讲项目

  • express 设计原理,面试官对动态路由匹配一直追问下去,但是这里的源码设计我确实是忘了,一路讨论下去扯到了字符串的前缀树…

  • 实现一个事件发布订阅类,其实就是 eventEmitter



三面


三面是山大老学长,聊了一些业务上的事情~



搜狗-手机搜狗(过)


搜狗一面的体验比较差,面试官给人的感觉不太好…


一面


  • 讲项目

  • 事件循环

  • 回调函数的坏处

  • vue 里面哪儿不会用到双向绑定



二面


忘了…


快手-商业化(过)


一面


  • 讲项目

  • 如何抽取公共组件的

  • vue 的响应式原理

  • 如何实现一个可设置过期时间的 localStorage

  • 实现一个发布订阅系统,包括 on、emit、off 等等



二面


  • 一道智力题

  • 软件工程思想、设计模式等等

  • async/await 代码片段,说输出结果


今日头条-广告系统(过)


一面


  • 讲项目

  • 讲 lazyloader 实现

  • 用 docker 做了什么

  • 用 webpack 做了什么

  • 手写一个算法题

  • 讲 flex

  • vue 响应式原理

  • es6


二面


  • JavaScript 异步

  • 优化项目

  • vue 原理,包括计算属性、依赖收集等等

  • 用 JavaScript 的异步实现 sleep 函数

  • 算法题


三面


  • 手写快排,时间复杂度,优化

  • 手写实现 jsonp

  • 项目部署,线上问题等等

  • websocket 握手过程


四面


  • 对 vuex 的理解,单向数据流

  • 设计一个单点登录的系统,类似阿里系那种

  • 手写一个算法


五面


  • 实现一个联想搜索组件

  • 手写函数防抖和节流


OPPO 成都研发中心(过)


一面


  • 讲项目

  • 讲 vue 的 响应式系统,讲了好久,从渲染 watcher 到虚拟 dom,面试官还跟我讨论了好久

  • 忘了



二面


  • 讲项目

  • 忘了



百词斩(跪)


首先会在线做一道算法题,挺简单的,百词斩感觉挂的稀里糊涂的…


一面


  • websocket 握手过程

  • tcp/ip 网络层,http 的特点

  • http 强行使用 udp 能实现吗?

  • vue 原理

  • webpack 热更新原理,使用过的插件

  • 原型、闭包、跨域

  • 手写了一道算法题



为什么面这么多公司


因为我是实习直接转正的,也没参加过秋招,所以对自己在市场上是个怎样的实力没有一个清晰的了解,而且我也想多了解一下其他公司在做什么,于是就尽量的多面,不过说实话面试确实挺累的。



如何准备


首先前端基础要过关,掌握牢靠!


其次,因为我是在小厂,所以可能项目复杂度没那么高,我就尽量把手头上用到过的东西都搞明白设计原理,比如 vue、express、vue-lazyloader、promise 等等,平时也会造一些轮子,其实这些对业务开发都是有好处的,起码可以让你知道自己在写啥。 最后,计算机基础也是抛不开的,LeetCode 刷 200 题左右,常见的排序、搜索、树遍历算法都要会,而且以这几个为基础的变形也要能看出来。


还有就是面试的时候的一些技巧,因为我本身表达能力还行,面试基本不紧张,说说笑笑也就过去了,之前在公司也当过一年的面试官,这方面发怵的同学可以做一些相关的准备。