新鲜出炉的头条面经(已拿offer)-技术圈

本篇文章来自网友投稿, 如果你有不错的面经, 欢迎共享讨论~

笔试题

实现 printf 函数，具备以下功能

let str = 'My name is ${name}, I am from ${city}',
    info = {
       name: 'AaDerBrane',
       city: 'GungZhou'
    };
    console.log(printf(str, info));
    // My name is AaDerBrane, I am from GuangZhou
    function printf(str, info) {}

防抖和节流，你觉得哪个比较容易？把你觉得容易的那个手写出来

一面

自我介绍
docContentLoad 和 onload 区别
0.5 像素的边框，怎么做
介绍下缓存
讲一下跨域
fetch 和 ajax 的区别
对比过 react 和 vue 吗
redux 是什么，描述下 react 组件的更新流程
react-hook 解决什么问题？
如果要你实现一个 AutoComplete 组件，你会注意哪些点（然后围绕这些点问）
受控组件和非受控组件的区别
你们 abort 机制怎么设计的，了解过原理吗

二面

介绍一下做过的项目吧
说一下 webrtc 的运行机制
假如让你使用 webrtc 和 websocket 去实现你画我猜的小游戏，怎么设计
项目里面有用到 webpack，请问你使用 webpack 有啥需要注意的地方呢
有了解过 loader 的原理吗？写过 webpack 插件吗？知道 webpack 插件的组成吗？
babel 怎么转译的？了解过吗？
你的项目性能监控是怎么处理的
node 层用什么框架？egg 解决了什么问题
你说 KOA 是洋葱模型，洋葱模型的架构是啥？
接上面一题，假如中间件 B 的 next 不执行了，最后流向哪里？
设计登录状态管理系统
session 应该存在哪里

二面笔试题

以下代码输出什么(如果报错是报什么错误)

(function() {
    console.log(age);
    console.log(name);
    let name = 'PapaerCrane';
    var age = 24;
})();

以下代码输出什么

const myPromise = () =>
  Promise.resolve('I have resolved')

const firstFunc = () => {
    myPromise().then((res) => {
      console.log(res + ' first');
    });
    console.log('first');
}
async function secondFunc() {
    console.log(await myPromise());
    console.log('second');
}
firstFunc();
secondFunc();

给定一棵树，请你输出所有从根节点到叶子节点的路径组成的数字之和

    let tree = {
        val: 1,
        left: {
            val: 2,
            left: {
                val: 4,
                left: null,
                right: null
            },
            right: {
                val: 5,
                left: null,
                right: null
            }
        },
        right: {
            val: 3,
            left: null,
            right: null
        }
    }

// 例如以上的树，总共有从根节点到叶子节点的路径3条，分别为：1->2->4,1->2->5,1->3
// 则计算方法为：124+125+13=262

三面

说说最有价值的一个项目
前端成员之间如何协作
前后端如何协作
加入前后端的数据对接不规范，比如后台给了前端不舒适的数据，怎么做
最擅长啥，最不擅长啥
职业规划

hr 面

工作中你有佩服的人吗？
这样子说你是不是不属于以上你佩服的那种类型的人？