新鲜出炉的头条面经(已拿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 面

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