2019-09-03 13:45 已编辑字节跳动_产品研发和工程架构部_前端开发

关注

分享个面经求一波好运

本科前端岗

三月份开始找实习。。找到五月然后去了北森

六月底开始实习到现在, 期间零零散散投了一些公司

打算明天离职安心准备秋招, 分享一波现在的面经求个好运

面了京东腾讯美团猿辅导虾皮深信服宇宙条

鸽了pdd/360/多益笔试。。实在干不过来了

正式批的宇宙条死在了基础上真的有点不甘心

哎!继续加油

1. 京东提前批二面完等消息

## 一面:

- 先写了七个题

- 实现双列布局的几种思路(一个div, 被两个div撑开)

- 如果flex布局, 如何保证多出来的元素是靠左的

- 删除数组中指定的元素

- 实现一个函数, 能够返回1000-2000的随机值

- 将1000000000变成100,000,000这种

- for循环, 用var声明i, setTimeout输出i 问输出什么

- 循环对象的几种方法, 这几种方法有什么不同的地方

- 对着这七个题问了一些相关的问题

- 浏览器的事件循环

- vue生命周期

- vue父组件和子组件生命周期的执行顺序

## 二面

- 对着将10000变成100，000的那个题目看了一会

- 实现一个函数, 一个长度为1000的数组, 每个元素都是随机数, 填充完之后去重+排序

- 自己手动写去重和排序

- 看过哪些书

- 手里有offer吗

- 面过哪些公司

- 可以提前来实习吗

- 你怎么选公司

- 如果给你实习offer你可以来吗

- 如果xx和京东都给了你offer你会选哪个

- 一个月之内给通知(备胎之王)

2. 美团四面

参加帖子: https://www.nowcoder.com/discuss/222458

3. 深信服二面估计已凉

## 一面

- css选择器优先级别

- 清除浮动方式

- 左侧固定右侧自适应布局实现方式

- js继承

- 事件***

- 同源策略

- 跨域方式

- 判断是否是数组的方式

- 如何在二叉树中插入结点

- 用数组表示二叉树

- 01背包问题

- 找出01序列最长的连续1的长度

- 楼梯问题:每次只能走1 2步, 有多少种走法

## 二面

- 自我介绍一下, 重点说一下你的项目

- 如果再给你一次机会, 你会怎么做这个项目

- 接触过不少框架吧? 那你觉得用这些框架来做这些项目有什么优缺点

- 你觉得公司的代码有哪些优点

- 你技术选型是怎么选的

- 你平时有做总结吗?讲一个你印象最深的

- 你平时有看过哪些书

- 那你平时的时间是怎么安排的

- 然后问了一些简历上实习相关内容

4. 腾讯音乐一面秒灰

参加帖子: https://www.nowcoder.com/discuss/237518

5. 虾皮三面

## 一面

- new 内部实现

- js中判断类型的方法

- typeof有什么不好的地方

- 最完美的方法的哪一种

- 如何实现一个对象的属性无法改变

- defineProperty还有什么其他可以配置的

- 还有什么其他实现的方法

- instanceof知道吗

- 他的作用是什么

- 他可以判断一个变量是否是数组么

- 深浅拷贝说一下

- object.assign实现的是什么

- 如何实现深拷贝

- 说一下你理解的闭包

- 闭包有什么缺点

- 平时的应用场景

- xss说一下

- csrf说一下

- token值怎么传递

- get方法怎么传递token值

- 前端性能优化

- 前端常用的数值单位

- rem和em的区别

- 1vw等于多少

- 为什么0.1+0.2不等于0.3

- 怎么让它等于0.3

- let a = {} 说一下这段代码变量的存储

- 那let a = 1呢

- 说一下let const var

- 箭头函数和普通函数的区别

- 给一段代码看输出(this指向问题)

- visible:hidden和display:none有什么区别

- 在render dom 和 tree dom里面呢?

- 浏览器的事件循环机制说一下

- 下面这段代码的输出结果

- 什么是同源策略

- 跨域的方式说一下

- 什么是事件***

- call bind apply有什么区别

- 实现居中的几种方式

- target和currTarget的区别

- vue的生命周期

- vue beforeCreated到create发生了什么

- vue 父子组件通信方式

- react 生命周期

- react父子组件通信方式

- react虚拟dom

- react diff过程

- react diff主要对比的是什么东西

## 二面

- 来个自我介绍吧

- 介绍实习内容

- 重点聊了实习的一个东西, 没做过应该不会问

- react列表渲染有什么注意的地方

- 为什么需要加key值

- 知道react是怎么渲染虚拟dom的吗

- vue/react的区别

- 有关注什么前端技术

- 平时会系统学习前端吗?

- 为什么会选择前端

- 有什么想问我的(没啥了吧)

- 然后.....面试官: 你不想了解一下我们公司吗??内心慌得一匹的我马上补了两个问题

##HR面

- 家在哪里

- 工作地点怎么选择

- 成绩排名

- 怎么选公司

- 还面了哪些公司

- tx和虾皮的一面比感觉怎么样

- 你认为什么技术氛围比较好

- 期望薪资

6. 猿辅导三面已拿意向书

## 一面

- 一开始随便聊了聊:

- 为什么选择前端

- 挺喜欢羽毛球?(简历上做了一个羽毛球相关项目...兴趣爱好写了院队队长...)

- 然后是常规问题:

- 自我介绍

- 你觉得收获最大的一个项目

- 当初为什么要做防抖, 怎么做的

- 现在如果让你做防抖你会怎么做?

- 实现一个防抖函数(手撕)

- js的异步是如何实现的?

- js怎么判断setTimeout是否应该加入任务队列

- 怎么看待前后端

- 你怎么理解mvc和mvvm

- 了解过什么协议吗?http?

- http是哪一层的?

- tcp/udp的区别

- 一个词总结tcp/udp区别

- 说一下三次握手的细节

- 用链表实现一个队列(手撕)

- 找出最长连续递增序列(手撕)

- 如果找出不连续的最长递增(思路)

## 二面

- post请求的http请求格式写一下

- 服务端返回304的过程讲一下, 从最开始客户端请求到服务端返回

- 事件冒泡/捕获

- 事件***

- 点击一个文本结点, target会是什么

- 实现一个左列定宽, 右侧自适应

- when('#id).then(success, faild), 结点存在调用success, 不存在调用faild, 实现这样一个when方法

- 数字->字符串对应, leetcode原题, 1:a, 2:b, 3:c.......给一串数字变回字符串

## 三面

- 自我介绍

- 学校课程

- tcp/udp区别

- 有什么方式可以实现服务端推送

- 什么是长连接短连接

- websocket是如何建立的

- 全双工和半双工的区别

- 一句话, 将其反转, 但是每个单词不变

- 一个左右部分都是有序的数组, 找出其中的最小值

- 有什么问我的

7. 字节提前批二面挂+正式批二面挂

提前批:

一面：

- 三道编程题:

- bind实现, 没看懂到底是不是让我实现bind, 原本以为会自我介绍然后基础然后穿插一些算法, 结果一上来给我整编程有点懵, 一开始还写成了实现apply, 后面才反应过来, 过了十分钟没写完面试官说下一题.

- 寻找二叉树中是否存在结点和为n的一条路, 用递归实现了, 然后再把路径打印出来.面试官问我这样真的能实现吗。。。。我看了一会自己的代码。。能。。然后就下一题了。

- 订阅发布者模式, 实现on, off, trigger, 写完了然后让写一个once, 这个改了几次才改对。。。。。。

- 两个问题:

- 用过express的中间件么(没有)

- 讲一下express什么什么的原理(内心:我不熟悉express啊...藏在简历里面的一个角落都能给我抓出来问)

- http强缓存和协商缓存, 协商缓存具体过程讲一讲, 为什么有了last-modify还需要Etag.

回答:last-modify只能精确到秒, 一秒内多次修改不能识别出来.面试官: 确定吗?我emmmmm确定。那文件修改了Etag值就会变吗, 我: 对. 那我只修改了一些注释不想让他变应该怎么做.我:应该在生成Etag值的时候去做一些处理.Etag值是框架生成的还是自己生成的?我:自己生成的.......好了我没什么问题了, 你有什么想问的吗?

二面

- 找出缺失的最小正整数 leetcode原题

- 从一千万行ip4地址中匹配一条ip4v地址, 思路

- 正则匹配url参数

- 给代码看输出

- 跨域解决方案

正式批:

##一面

- 自我介绍

- 全排列

- 看输出

- cors