前言：

前言：看着网易杭州的小伙伴都已经被拉去面试，不管体验或好或坏，也比我这个笔试等待结果的好。本来已经不抱任何希望了，礼拜一突然让我来面试，真是意外之喜。面试环境感觉还是不错的，感觉整个工作区域很宽敞，一点没有拥挤的感觉，还是蛮现代化的，虽然大楼的外表的确一般。中午被一路指引的hr小姐姐赏了顿猪厂的饭，总体面试体验还是不错的吧~

一面

1. 自我介绍 + 项目介绍
2. 怎么没留在美国找工作？
3. CSS的position属性
4. 两列布局，左边定宽
5. Flex布局
6. CSS预处理器
7. CSS动画transform，transition，animation，给了个实例问怎么实现
8. Webpack自己配置过？CodeSplit说说
9. 会切图吗？（懵逼。。。）问了下面试官为啥问这个，说这个还是可以学一下的，以后会有用
10. Node了解多少
11. 前端性能优化方案
12. 移动端的优化
13. 对于前端这边的理解
14. 学习前端的方式
15. 提问

二面

1. 前一个面试官问你什么了，会的和不会的都说说？（blabla。。。）好，那这些不问了
2. 剩下这些里面（列出来了）哪些比较熟悉？（js。。）好，那这个也不问了（sad。。。）
3. p标签里面有个span，我通过position: relative和transform分别移动span标签，原先的位置都会保留吗？如果span上面有一个事件，那我点击哪个位置会触发？（这题没人问过吧？我这独一份）
4. 了解***工具吗？Charles或者Fiddle
5. 浏览器缓存分类
6. 懂点jQuery？那我问问吧（好。。。）$(selector)用原生JavaScript哪个能实现？（querySelector）那多个呢？（queryAllSelector）你看看，一看就没写过，querySelectorAll，这个不太好啊（心里慌慌。。。不知道自己怎么秃噜一个queryAllSelector）
7. $elem.on()用原生JS怎么实现绑定事件？
8. ajax请求里面，我将某些内容放在header中和放在body中有什么区别
9. 用什么编辑器啊？（VSC）用过哪些插件
10. box-shadow颜色会叠加吗？（就是定义多组值）background呢？
11. 了解渐变吗？实现一个方框中有很多交叉线，且颜色渐变，且颜色自定义？不会啊，哎呀，我这还有个更难的问题呢，你看下我自己实现的一个效果，回家好好思考下吧（膜拜。。。）
12. 提问：您这提问方式真是独树一帜啊，北京话倒是听着亲切（我不是北京人，看你北京的，跟你说北京话亲切，上一个我用东北话面试的）牛逼了我的哥。。。

hr面

1. 说下你做的项目吧（懵逼了。。。不是hr面吗）？你随便说下就好，我这是hr面（长舒一口气。。。）
2. 未来职业规划
3. 对网易有哪些了解？

接下来，hr大哥就是给我介绍了20多分钟的网易，说的还是很实在具体的吧，最后问我还有啥问题（你真的介绍的很好了。。。），互相加了微信，说是国庆左右等通知就好了

用友网络视频面试 8.27

技术面（大前端架构师）

1. 自我介绍（请用5分钟。。。第一次听到这样的表述哈哈哈）
2. Webpack打包内容过大，如何优化？
3. Webpack原理
4. React.Component和React.pureComponent区别
5. React状态组件和无状态组件区别
6. 组件A有3个方法，组件B也要有这3个方法，如何实现方法复用（说了工具函数类，但是面试官问还有没有其他方法，最后跟我说去看下高阶组件这块）
7. render函数中执行5次setState会发生什么
8. 要展示5000条数据，如何加载可以优化加载时间？（分页加载）如何5000条就是已经分页了的呢？
9. 管理员账户和普通账户登陆后，sideBar可以根据不同账户展现不同东西，如何做到？

hr面（招聘经理）

1. 人生经历
2. 公司的选择条件
3. 就业规划
4. 能实习吗
5. 抛开现实，你会去干嘛
6. 女朋友？她的就业规划？
7. 刚到美国留学的感受？中美差异？
8. 一些其他问题。。。
9. 提问

感悟：技术面会偏向实战一些，但是面试官最后都会给点明方向，下来后感觉确实学到一些东西，感觉算是不错的一个面试体验

拼多多二面 + hr面现场 8.26

周日一早9点不到赶到圆明园附近的啥啥啥地方，进去之后，现场跟360的现场真是天壤之别，签到的时候看见一个时间段（2小时）所有岗位加一起也就不到一页纸，可能是因为是北京场的缘故吧。拼多多现场技术两面+hr面是平行的，自己之前又被电话面过一次（不知道为啥有这种操作。。。），所以当天一共只有两面。

先去的HR面，跟小姐姐聊的还不错，主要问的东西其实也就是一般HR聊的，中间聊到有没有女朋友和女朋友就业时候，发现HR学校里读的专业和女朋友一样（非人力资源），顺带了解了一下就业啥的，算个小插曲吧。

后来直接被带去二面，二面也都是些开放问题，也聊了聊自己的学生经历什么的，问了问React生命周期，写了个算法题（1到100，随机截取10段时间段，计算总覆盖面积，其中重叠的不需要重复计算）

最后，hr说会在1-2周之内出结果（估计是通过的话会告知吧。。）

多益网络视频一面 8.23

一次死气沉沉的面试。。。面试官全程无表情，默默的问问题。。。基本上没有太多的互动，至于面经什么的，也就没啥心情记录了。。。

奇虎360提前批现场面试 8.23

一面

1. 自我介绍
2. 项目中数据分页是放在浏览器端还是服务端？说说分别怎么实现？传什么参数？
3. cookie和localStorage的区别及应用场景
4. 跨域的方式有哪些？
5. 画一个CSS盒模型
6. CSS画一个圆形，平均四分后，相对的两面是一个颜色（border+border-radius+transform)
7. 重排和重绘的区别？如何优化？
8. 算法：二维数组纵向降维一维数组
9. git指令了解什么？git stash是什么？
10. 提问

感受：360现场面试的环境真的是面过的最嘈杂的一个，我反正跟面试官都得凑着说才能听的很清楚。还好一面面试官面慈心善，对各种问题也会慢慢引导，很有耐心。

二面（4个小时之后！！！！！）

从中午12点多一面结束，到下午4:15才被叫去二面，真的是。。。无语了。。。看群里很多小伙伴说视频一面完很久没二面，现场也是一样的状况，只有不断的刷自己的手机。

然而，二面20mins就结束了，估计是面试官对自己没什么兴趣，随便聊了20mins就让我走了，后来一看也就挂了，感觉自己等的真心亏。。。。哎

美团提前批现场面试 8.22

前言：美团的面试真是。。。打扰了

其他

1. 毕业时间
2. 成绩绩点 + 排名 + 高绩点课程
3. 前面有两段实习经历（我简历明明就写了一段。。。），说说收获和心得
4. Java Swing的布局和HTML/CSS的布局有什么关系？（以后再也不说自己知道Swing了）
5. 提问

计算机基础

1. 我点击一个按钮或者链接，会发生什么？想多少说多少
2. TCP三次握手发生在什么时间？
3. 数据是如何传输的（估计是想问计算机网络那几层协议拆包吧。。）
4. 状态码有什么？
5. 有6xx或者7xx吗？要是有的话可能是什么情况？
6. HTTP请求头有哪些字段？

HTML

1. 了解过HTML标准吗？（没。。。）
2. 那你觉得HTML怎么样才标准？
3. DOCTYPE有哪些（说了html5和html4的两种）
4. HTML语义化怎么理解

CSS

1. CSS动画的了解？
2. transition和animation有什么区别
3. CSS选择器的权重？class和id的权重分别是多少？验证过？
4. CSS编写的最佳实践是什么？（说到了id优先，层级别太深。。）
5. 一定id优先？要是多个同类组件呢？
6. 怎么确定写出来的CSS的层级数？
7. 我给一个组件设置完全相同的样式（兼容性已处理），但是在某一浏览器中出现偏差，如何检验改进？

JavaScript

1. Java和JavaScript有什么区别？
2. JavaScript的类型是在什么时候确定的
3. 下列代码

function A(name) {
    this.name = name;
}

• A() 输出什么？this是什么？有返回值吗？
• new A()输出什么？this是什么？有返回值吗？
• 函数没有return的话，有返回值吗？

1. 下列代码，问每处a的typeof值

{1}
var a;
{2} function a(){};
{3}
a = 1;

{1}
var a = 0;
{2}
var a = function(){};
{3}
a = 1;

1. 下列代码

function A(a){
    this.a = a;
}
A.prototype = {...};
var a1 = new A();
var a2 = new A();

A.protoype.b = ...;
var a3 = new A();

• a1和a2的__proto__相同吗？a1和a3的__proto__相同吗？

1. 将字符串'abCdEFg'改写为ab.cd.e.fg

框架/工具

前言：到这块儿的时候我已经满脑子浆糊了。。。

1. React了解哪些？
2. 层级较深的兄弟组件如何通信？
3. Redux一定要使用吗？（不一定。。。简单就不用吧。。）
4. 那局部兄弟组件通信怎么办？（使用Context）
5. 那整体数据又很复杂呢？（Redux + Context？？？）
6. Webpack了解哪些？自己写过加载吗？
7. Node呢？

金山云提前批 + 百度提前批（硬件生态部）邀请 + 途牛

身体那几天真心不舒服，就推掉了。。。

CVTE副总裁侃大山面 8.18

前提：之前电话里告诉我是副总裁，不知道是不是，感觉还是hr的感觉，可能是人力副总裁

再前提：一个hr小姐姐（姑且算hr）对我们三个***

具体的问题跟CVTE的hr面差不多，感觉面对面会更加紧张些，好在我每次都是第一个说，硬着头皮往上冲就好了，不用自己瞎思考半天。中间小姐姐介绍了下公司的各种业务，原来发现CVTE涉猎的还是挺多的。最后小姐姐说会反馈给广州那边，面试就结束了。

爱奇艺提前批现场面试 8.18

请注意：一二三面都没有自我介绍，对于当时的我简直幸福

一面

1. 写出输出结果

var a = 1; function foo(a, b) {
    a = 2;
    console.log(a);                 // 2
    var a;
    arguments[0] = 3;               
    console.log(a, this.a, b);      // 3, 1, undefined
}
foo(a);

1. 写出输出结果

function Foo(){};
Foo.getName = function(){console.log('Foo.getName');};
Foo.prototype.getName = function(){console.log('Foo.prototype.getName');}

Foo.getName();      // 'Foo.getName' 若去掉Foo.getName = function(){console.log('Foo.getName');}，则报错

1. 写出输出结果

var a = 1; function f(){
    console.log(a);
} function foo(){
    var a = 2;
    f();
}
foo();      // 1，console.log里面的a指向全局作用域

1. 写出输出结果

var a = {};
var b = function(){};

a.constructor;  // Object()
b.constructor;  // Function()

1. 画JS原型链图
2. ES5创建对象及继承
3. 了解的排序算法 + 手写一种（快排）
4. 什么是二叉树？什么是完全二叉树？什么是满二叉树？
5. 前序 + 中序的结果（非代码）
6. HTTP状态码
7. HTTPS的加密方式
8. 简历上项目聊了聊

二面

1. 美国上学怎么样啊？和国内有啥区别（懵逼。。。）
2. 会Java啊？（就只知道些语法。。）Reflection知道吗？（不知道）Collection接口有哪些数据结构啊？来写个Map的遍历吧（冥思苦相，记起了iterator。。。）
3. Java写个递归阶乘吧（评价：速度有点慢啊）
4. 还是拿JS写个bfs吧（评价：这次倒挺快啊）
5. 24点玩过？给你4个数，写个函数判断是不是用加减乘除和括号能得到24点（不会。。。说了下思路，然后面试官说就不想用穷举呗？我又懵逼了。。。）
6. 时间来不及了，再聊聊你美国上学的事儿吧（懵逼继续。。。）自己出去上学以后，哪些地方改变比较大啊?

懵逼的二面就这么结束了。。。

三面

hr小姐姐：这是最后一个了
面试官：好。。。

1. 说说原型链
2. 说说闭包
3. 说说React（生命周期 + diff）
4. 如何改变上下文环境this
5. 如何自己实现一个bind
6. 项目 + 实习 聊了两三句就过了。。
7. 说说快排思路，再说说堆排序思路
8. 懂Java？懂Node？（不敢懂了。。。）
9. 哟美国留学啊（对，看来又要聊这个了。。）英语好吗？（好好好。。。本科全系就我一个中国学生。。。）
10. 怎么学前端

腾讯SNG电话一面 8.17

1. var，let和const
2. 缓存机制及对应HTTP字段
3. 原型链
4. 继承
5. 跨域的方法 + Webpack***缓存的原理
6. JS事件机制及事件委托
7. Cookie
8. call, apply, bind
9. 原生ajax请求过程
10. Promise的理解：状态 + then方法原理
11. 三道编程题：元素拖动与释放 + 弹幕 + 大整数加法

搜狐提前批现场面试 8.17

1. 自我介绍 + 项目介绍

2. React了解多少

3. 有/无状态组件的区别

4. 高阶组件的概念

5. React-Router的原理

6. Node了解多少

7. CSS优先级？如下两种情况:1) tagName idName className 2) tagName className idName哪个优先级高

8. 深克隆

9. 快排

10. 算法：多个顶点，部分连接，一共有4种颜料，给出一种涂颜料的方法使得相邻两个顶点颜色不同，其中数据结构使用二维数组，0表示不连接，1表示连接

11. 自我介绍 + 项目介绍（选一个介绍，接口、架构啥的。。。）

12. 职业方向与规划

13. 能否实习

14. 了解啥新技术

拼多多电话一面 8.16

1. 自我介绍 + 项目介绍
2. H5的新特性 + localStorage的API
3. CommonJS和ES6的模块化的区别
4. Webpack按需加载
5. CSS预处理
6. Bootstrap的原理
7. CSS动画了解多少
8. Canvas API了解多少
9. React的组件通信
10. 线上做题：ajax请求url上的图片，要求返回Promise，Resolve状态下的data是一个包含width和height的对象
11. 提问

大疆现场终面 8.16

1. 项目介绍（通通来一遍）
2. H5新特性
3. 学过软件工程？知道敏捷开发？
4. 什么让你学前端？
5. 工作后想接手一个怎样的项目？
6. 希望的工作状态？未来想往哪个方向发展？
7. 怎么学前端？
8. 看过开源的东西吗？自己有组件库？（有工具函数库）库里有什么？
9. 学过设计吗？
10. 提问

百度智能云现场面试 8.15

一面

1. 自我介绍
2. 手写一个React组件，多行输入框 + 字数统计 + 超过字数限制提示
3. 手写ES5实现继承
4. new Foo()和Foo()的区别

function Foo(name) {
    this.name = name;
}

1. 缓存分类及对应头部信息
2. 模块化：ES6，CommonJS，AMD，CMD及区别？能手写AMD或CMD吗？
3. 手写Promise.all的原生实现

function myPromiseAll(arr) { let res = []; return new Promise((resolve, reject) => { let i = 0;
        next(); function next() {
            arr[i].then(function(data) {
                res.push(data);
                i++; if(i === arr.length) {
                    resolve(res);
                } else {
                    next();
                }
            });
        }
    });
}

1. 手写遍历DOM树所有节点（非递归）
2. React Diff算法及时间复杂度
3. React数组/列表渲染key的作用
4. 你还有什么觉得掌握特别好的想让我来问问？（懵逼。。。。）

二面

1. 自我介绍
2. CSS了解吗？CSS3的属性说说
3. 三列布局：两边定宽，中间自适应，充满整个屏幕
4. 手写ES5继承实现？Parent.call(this)的作用？Child.protoype = Object.create(Parent)的作用
5. 算法题：有两个字符串A和B，A全部由0和1组成，B全部由0、1和？组成，其中？既可以表示0也可以表示1，问字符串B在A中有多少种完全匹配
6. 手写深克隆
7. 算法题：实现一个Stack数据结构，具有push(), pop()和getMax()方法，要求所有方法时间复杂度为O(1)，空间复杂度无限制