新鮮出爐的頭條面經(jīng)(已拿offer)

筆試題

• 實(shí)現(xiàn) printf 函數(shù)，具備以下功能

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) {}

• 防抖和節(jié)流，你覺得哪個(gè)比較容易？把你覺得容易的那個(gè)手寫出來

一面

• 自我介紹
• docContentLoad 和 onload 區(qū)別
• 0.5 像素的邊框，怎么做
• 介紹下緩存
• 講一下跨域
• fetch 和 ajax 的區(qū)別
• 對(duì)比過 react 和 vue 嗎
• redux 是什么，描述下 react 組件的更新流程
• react-hook 解決什么問題？
• 如果要你實(shí)現(xiàn)一個(gè) AutoComplete 組件，你會(huì)注意哪些點(diǎn)（然后圍繞這些點(diǎn)問）
• 受控組件和非受控組件的區(qū)別
  
• 你們 abort 機(jī)制怎么設(shè)計(jì)的，了解過原理嗎

二面

• 介紹一下做過的項(xiàng)目吧
• 說一下 webrtc 的運(yùn)行機(jī)制
• 假如讓你使用 webrtc 和 websocket 去實(shí)現(xiàn)你畫我猜的小游戲，怎么設(shè)計(jì)
• 項(xiàng)目里面有用到 webpack，請(qǐng)問你使用 webpack 有啥需要注意的地方呢
• 有了解過 loader 的原理嗎？寫過 webpack 插件嗎？知道 webpack 插件的組成嗎？
• babel 怎么轉(zhuǎn)譯的？了解過嗎？
• 你的項(xiàng)目性能監(jiān)控是怎么處理的
• node 層用什么框架？egg 解決了什么問題
• 你說 KOA 是洋蔥模型，洋蔥模型的架構(gòu)是啥？
• 接上面一題，假如中間件 B 的 next 不執(zhí)行了，最后流向哪里？
• 設(shè)計(jì)登錄狀態(tài)管理系統(tǒng)
• session 應(yīng)該存在哪里

二面筆試題

• 以下代碼輸出什么(如果報(bào)錯(cuò)是報(bào)什么錯(cuò)誤)

(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();

• 給定一棵樹，請(qǐng)你輸出所有從根節(jié)點(diǎn)到葉子節(jié)點(diǎn)的路徑組成的數(shù)字之和

    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
        }
    }

// 例如以上的樹，總共有從根節(jié)點(diǎn)到葉子節(jié)點(diǎn)的路徑3條，分別為：1->2->4,1->2->5,1->3
// 則計(jì)算方法為：124+125+13=262

三面

• 說說最有價(jià)值的一個(gè)項(xiàng)目
• 前端成員之間如何協(xié)作
• 前后端如何協(xié)作
• 加入前后端的數(shù)據(jù)對(duì)接不規(guī)范，比如后臺(tái)給了前端不舒適的數(shù)據(jù)，怎么做
• 最擅長(zhǎng)啥，最不擅長(zhǎng)啥
• 職業(yè)規(guī)劃

hr 面

• 工作中你有佩服的人嗎？
• 這樣子說你是不是不屬于以上你佩服的那種類型的人？