面试分享：1 年经验初探前端社招

本文首发于 个人Github。

年中决定离开当前所在的公司，想受一受外面社会的毒打。也面了 2 家还不错的公司（字节跳动 和 拼多多），在此记录分享一下。

字节跳动

字节跳动的技术面试都是以视频面试的形式进行的。

第 1 轮

1.1 自我介绍

1.2 js 基本知识

主要考察 js 中的基本类型、typeof 和 instanceof 等。

1.3 == 和 === 判断

常规的类型比较题，比较基础。

[] == false
false == false
[1] == [1];
1 === "1";
复制代码

1.4 手写 debounce 函数

function debounce(func, wait, immediate) {
  let timeout;

  const debounced = function() {
    const context = this;
    const args = arguments;
    const later = function() {
      timeout = null;
      if (!immediate) {
        func.apply(context, args);
      }
    };
    const callNow = immediate && !timeout;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
    if (callNow) {
      func.apply(context, args);
    }
  };

  debounced.cancel = () => {
    clearTimeout(timeout);
  };

  return debounced;
}
复制代码

1.5 从输入 URL ，浏览器发生了什么

1.6 手写继承（ES五、ES6）

1.7 算法题：js 计算 四则运算 字符串 "1 + 2 * 3 + 3 / 3"

第 2 轮

2.1 谈谈对 Vue 和 React 的理解

2.2 vue 为何继续使用 react 废弃的 mixin 机制

2.3 js 怎么进行性能分析

2.4 通用组件 和 业务组件 怎么设计

2.5 webpack 打包优化

2.6 两个进程之间如何通讯？子网掩码有什么做用？

忽然问到了 操做系统 和 计算机网络 的知识（忘光光）。

2.7 HTTP 状态码 204 和 304 之间的区别

2.8 实现 sum 函数

sum(1) == 1;
sum(1)(2) == 3;
sum(1)(2, 3, 4)(5) == 15;
复制代码

注意这道题考的仍是 隐式转换。

function sum(...args) {
  let value = 0;

  function innerSum(...args) {
    value = args.reduce((a, c) => (a += c), value);
    return innerSum;
  }

  innerSum.valueOf = function() {
    return value;
  };

  return innerSum(...args);
}
复制代码

2.9 package.json 中的依赖是怎么进行版本控制的

2.10 算法题：js 数组三数之和

第 3 轮

3.1 以前工做作过的项目挑一个介绍

这道题注意考察对总体项目的理解和把握程度。

1. 项目背景
2. 项目如何进行的，进行过程当中遇到了哪些问题以及如何解决
3. 项目如何保证代码质量（单元测试、代码规范、提交规范以及自动 CI 等）
4. 项目的版本控制

3.2 Vue 的响应式原理

3.3 React 中的高阶组件是什么？

主要考察 HOC，举出写过哪些高阶组件，有什么做用便可。

3.4 手写观察者模式

拼多多

第 1 轮

1.1 自我介绍

1.2 以前作过的项目介绍

1.3 js 中 break、continue、return 关键字区别

1.4 js 有哪些数据类型

1.5 window 对象下面有哪些属性

1.6 html property 和 attribute 区别

1.7 es6 中 数组方法有哪些？

1.8 es6 新增的数据结构有哪些？有什么区别？

1.9 css 盒模型有哪些？不一样点？

1.10 css 如何清除浮动？原理是什么？

1.11 css BFC 是什么？

1.12 webpack 如何作优化（例如构建速度优化、代码优化之类的）

1.13 如何写 webpack 插件？

1.14 webpack 中的 loader 是如何实现的？（例如 vue-loader）

1.15 vuex 的数据模型如何定义，数据模型之间的反作用怎么写？

1.16 谈一谈你对 Vue 和 React 的认识

1.17 rxjs 的一些理解，如何对请求节流

1.18 了解哪些前端新技术

第 2 轮

多是 1 面问了相对太多问题，2 面很轻松，也很短暂。

2.1 对 React 和 Vue 的理解

2.2 说一说 React Hooks

2.3 定时器（setTimeout）为何会不许，如何解决

2.4 聊一聊函数式编程

2.5 聊一聊以前作过的项目

和字节跳动同样，考察对项目的总体理解和把握能力。

总结

两家公司的面试难度都不是很大（虽然也多是考虑到我只有 1 年工做经验），可是回味起来仍是意犹未尽，老是想到上高中时数学老师发卷子时那痛心疾首的说道 "你看看，多简单，150 的卷子，至少 120 是基础题，大家咋就啥都不会呢" 。

最后，但愿再过 2 年，能够去阿里。