2018 校园春/秋招面经

react面试经验总结

cvte

一面：

1. 自我介绍
2. 原型，原型链

在原型里面有个比较重要的东西，对象的 __ proto__ 属性和函数对象的prototype 属性，实例对象的__proto __ 属性指向原型，也就是指向函数的prototype 属性，实例对象和原型对象之间是一种关联关系，实例对象在查找属性时候,会先是在自己的属性中查找，找不到就回去原型中查找
实例对象 -> 原型对象 -> 原型对象 -> object->null (obeject.prototype)
原型链的终点： obeject.prototype = null

3. css 垂直居中： （定宽高，不定宽高）

自己是实现了三种方式：

1.  .box{
            width: 100px;
            height: 100px;
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -50px;
            margin-top: -50px;
            background: red;
        }
2.     .box{
           position: absolute;
           top:50%;
           left: 50%;
           transform: translate(50%,50%);
           background: red;
        }
        
3.    .parent{
        height:300px;
        -webkit-display:flex;
        display:flex;
        -webkit-align-items:center;
        align-items:center;
        -webkit-justify-content:center;
        justify-content:center;
        border:1px solid #ccc;
    }
    .box{
        width: 100px;
          background: red;
    }
复制代码

4. 自己实现 抖动函数（自己当时写的）

var timer ;
function  FU(){
    clearTimeOut(timer);
   timer=  setTimeout(function(){
        //执行代码
    },0)
}
复制代码

5. 实现连续调用函数（链式调用）

 function A (n){
     this.num = n;
     this.result = 0;
 }
 A.prototype.add = function(n){
     this.result = this.num +n;
     return this;
 }
 A.prototype.reduce = function(n){
     this.result = this.num -n;
     return this;
 }
 var B = new A(1);
 B.add(2).reduce(3);//A {num: 1, result: -2}
复制代码

二面

1. 手动敲代码，实现表单提交 html/css/js

三面 hr

1. 很感谢给三面机会，因为自己面试那天在北京没有办法回来，就选择了拒绝参加，但是表明了原因是因为路程太远赶不回来，最后一周之后收到HR电话说安排远程面试，聊了一会但是自己已经签了其他公司就拒绝了

小米

一面 （凉凉）

1. 如何实现 sqrt 函数，而且包含一定精度
2. 有十个石头，十个其他东西，如何判断那个石头和那个石头重量一样，只允许称一次

爱奇艺（上海）

拿到offer 但是拒绝了

一面

自我介绍

1. js原型，原型链
2. css 选择器，优先级和权重
3. 性能优化
4. 项目
5. react
6. react-redux
7. 跨域方式详解

hr 面试（因为已经拿到offer 就直接说明了）

爱奇艺（北京）

面试官很好自己那天刚到北京，然后回答的都不是很好，但是面试官真的很好。一直安慰我QAQ

1. js的题(输出结果)

function A(r){
    var q=w=e=r;
}
A(1)
console.log(q //出错  函数作用域
console.log(w);// 1 因为没有声明的自动成为全部变量
console.log(e);//1 因为没有声明的自动成为全部变量
复制代码

2. 原型题考核给个教程参考

function Q (){
    this.name =1
}
Q.prototype.a=function(){
    this.a = 22
}
 Function.prototype.b = function(){
    this.a = 555
}
var T = new Q();
T.a; // 22
原因 实例对象继承的是 构造函数的prototype ,
个
复制代码

3. react 的数据流
4. 项目
5. css 垂直居中，含有原理
6. 浮动清楚及其原理

二面

1. 对自己一面评价，自我介绍
2. react
3. 项目介绍
4. 智力题1 有3个密封的箱子，分别装着苹果、梨、苹果和梨，每个箱子都贴着一个标签，分别是苹果、梨、苹果和梨，但标签都贴错了，也就是说每个箱子装的水果和贴的标签都一一不对应。现在你有一次机会，从中挑一个箱子，把它打开，但不能看，只能拿出一个水果来，然后根据这个水果迅速判断每个箱子正确的标签应该是什么。
5. 有10个箱子，每个箱子都装着10个苹果，其中有9箱每个苹果是1斤，只有1箱每个苹果是0.9斤，现有一杆秤（不是天平），只能称一次，把特殊的那一箱找出来。提示：箱子可以打开，苹果可以任意拿
6. 有200级台阶，从底部走到顶部，每一次要么上1级，要么上2级，请问有多少种走法？
7. 想学vue 吗？ 想
8. 来北京吗？恩

hr 面试

通过了但是去不了了，签了其他公司

梅沙科技 现场面试

拿到offer 但是拒绝了

一面

1. 自我介绍
2. 自己对那方面熟悉 html,css,js,react? 都差不多 hml,css,js相对熟练
3. 项目细节
4. js 原型
5. 异步函数和同步函数执行顺序判断输出结果 （规律 先同步代码->promise->setTimeout/setInterval
6. css 权重，选择器
7. 跨域方式详解
8. node 优点
9. webpack

二面

聊天

三面

算法解释， 最短路径算法 ，krusikar,DFC,BFC,快排 时间复杂度，为啥？二分查找，二叉树

腾讯（offer)

一面

1. js 基础
2. css 基础
3. 跨域
4. 优化
5. 原型
6. react，数据流，生命周期，如何判断自己setState 之后的数据就是自己想要的数据

this.setState的第二个参数的意义

7. 快排

二面

1. 项目细节很多
2. 跨域
3. 优化
4. node 详解，好处，http 是异步吗？
5. react 很多，包括， react-redux,react-router,生命周期
6. 数据库索引
7. 哈希碰撞存储
8. 专业知识 UML
9. 有点忘了

hr (北京面试)

1. 面了几面 2
2. 高考成绩 。。。
3. ........都是聊天了，缺点，优点，喜欢干啥，为啥不考研

新华智云

一面，二面

1. 和上面一样的问题基本

HR 已经拿到offer 但是去不了。。。。不过真的很好面试官对我

酷家乐

拿到offer 但是去不了

阿里（蚂蚁）

一面

1. 自我介绍
2. 项目细节，遇到的问题
3. react,一系列问题
4. 如何防止react 的state 改变，（一变而多变）（引用类型的值）

immutable.js 去了解一下

5. 框架

二面

1. 基本是围绕 react 开展的。。
2. pureComponet (自己还没了解，赶快去了解)

三面

1. 项目经验，主要分析自己构建项目的思路，还有遇到的问题和解决方法
2. react 数据管理，react-redux 的实现原理，源码分析
3. 订阅发布模式在redux的应用
4. 等待结果

四面 HR

面试了一会，但是凉凉了
复制代码

京东

一面

1. 从很多个数组中找出都存在的元素
2. 数组的方法
3. svg 使用
4. react 生命周期
5. git 操作 ，解决冲突的方法，最尤其是git cherry-pick (自己当时没回答上

二面

自己已经签约了，所以没去

阿里

一面

基础知识，js,css,html,react,react-redux,和上面差不多

二面

1. 实习干了什么
2. 遇到的问题
3. 怎么解决的

三面

自己的项目使用的项目架构自己分析一下（没回答好）不过面试官很好，结果凉凉

wps 金山 （拿到offer ，但是没签约）

一面

1. bind 和call 的区别和在实际中的用法
2. js 原型链
3. new 一个对象都发生了什么
4. 实习的项目
5. setTimeout 和setIterview 适合场景
6. Microtasks、Macrotasks、event loop 以及JS的异步运行机制。 Microtasks、Macrotasks、event loop 以及JS的异步运行机制

二面

1. 拿到offer 没有
2. node 的多线程问题
3. 数据库的索引问题
4. JQ的源码分析问题

三面

1. mysql,mongodb,sql 的区别，自己实际分析一下，和说一下平常的用法
2. 项目分析，实习分析
3. 遇到的问题的解决方法
4. 还有啥想问的

hr

1. 工作城市啥的

bilibili

一面

1. 实习遇到的问题，主要是动画轮播效果自己怎么实现的，细节说明
2. 怎么组件化建立一个项目
3. 主要是实习的问题

二面

已经签约其他，所以拒绝了

最后有几个图