第一次面試就是字節(jié)，大公司確實(shí)hr挺好的，就是我不行

面試信息

公司：字節(jié)跳動(dòng)-懂車(chē)帝

一面時(shí)間：2022-11-25 下午4:30-5:30

時(shí)長(zhǎng)：1hour左右

HR印象：hr提前了3分鐘進(jìn)入會(huì)議室，年齡不大，語(yǔ)氣很溫和，有耐心，給了很多中肯的評(píng)價(jià)和指導(dǎo)

面試內(nèi)容

1，介紹最近做的項(xiàng)目
- 回答：CLF平臺(tái)···
2，你認(rèn)為最有挑戰(zhàn)的是什么，項(xiàng)目中遇到的
- 回答：阿里終端訓(xùn)練營(yíng)做的小項(xiàng)目···
- hr評(píng)價(jià)：項(xiàng)目做的挺豐富，這點(diǎn)不錯(cuò)（這里有點(diǎn)開(kāi)心，感覺(jué)回答上來(lái)了）
3，（看了下簡(jiǎn)歷，可能他感覺(jué)有點(diǎn)多）你覺(jué)得你最擅長(zhǎng)哪個(gè)技術(shù)棧？
- 回答：vue，css，喜歡css動(dòng)畫(huà)（這里給自己挖坑）

4，先來(lái)個(gè)簡(jiǎn)單的css簡(jiǎn)答題？

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .box{
            width: 10px;
            height: 10px;
            padding: 2px;
            margin: 2px;
            border: 1px solid red;
            background-color: blue;
        }

        .box1 {
            box-sizing: border-box;
        }

        .box2 {
            box-sizing: content-box;
        }
    </style>
</head>
<body>
    <div class="box1 box"></div>
    <div class="box2 box"></div>
</body>
</html>

問(wèn)：藍(lán)色部分的面積分別是多少？

回答：box1 = 10 * 10 ，box2 = 12 * 12

這個(gè)答錯(cuò)了qaq（正確是8 * 8, 14 * 14），考的知識(shí)點(diǎn)是盒模型和怪異盒模型

5，說(shuō)一說(shuō)transition和animation的區(qū)別，什么情況使用？

回答：transition一般是小的模塊，單個(gè)dom或者只對(duì)dom內(nèi)容少時(shí)使用，比如在圖片放大縮小這種，而animation用的比較多，比如做一個(gè)長(zhǎng)連續(xù)動(dòng)畫(huà)或者涉及多個(gè)dom變化的

hr給我感覺(jué)：好像是答對(duì)了，也好像木有答對(duì)，就是總結(jié)了我混亂不清的言語(yǔ)
6，設(shè)置一個(gè)動(dòng)畫(huà)，從右向左逐漸拉伸邊長(zhǎng)，類(lèi)似風(fēng)車(chē)打開(kāi)，說(shuō)說(shuō)想法

回答：有點(diǎn)忘了怎么回答的（大致是從內(nèi)置動(dòng)畫(huà)，或者結(jié)合js考慮顯示或隱藏來(lái)調(diào)用動(dòng)畫(huà)）
7，考一下vue的知識(shí)，設(shè)計(jì)一個(gè)組件，有傳入數(shù)據(jù)內(nèi)置內(nèi)容功能，也可以調(diào)控整個(gè)頁(yè)面的蒙版，就是可以操控全局也可以設(shè)置組件內(nèi)容的功能，說(shuō)一說(shuō)想法？（大致是這個(gè)意思，說(shuō)實(shí)話(huà)，沒(méi)怎么聽(tīng)懂）

回答：也忘了怎么回答的

8，js算法

sum(1,2,3).sumOf() // 6
sum(1,2,3)(4).sumOf() //10
sum(1,2)(3)(4).sumOf() //···

//后面還有，忘了

問(wèn)：設(shè)計(jì)js代碼，輸入結(jié)果等于后面的注釋

? 這個(gè)題沒(méi)寫(xiě)出來(lái)，知識(shí)點(diǎn)就是函數(shù)柯里化和閉包的封裝

9，js算法

const list = [
    { name: 'A', key: 1, parent: 0 },
    { name: 'B', key: 2, parent: 0 },
    { name: 'C', key: 3, parent: 1 },
    { name: 'D', key: 4, parent: 1 },
    { name: 'E', key: 5, parent: 3 },
    { name: 'F', key: 6, parent: 5 },
    { name: 'G', key: 7, parent: 2 },
]

function reverseTree(list) {

}

const tree = reverseTree(list)

console.log(tree);

問(wèn)：寫(xiě)出reverseTree()，使結(jié)果為遞歸樹(shù)

回答：

function reverseTree(list) {
    var map = {}, node, tree= [], i;
    // 將數(shù)組所有節(jié)點(diǎn)用對(duì)象裝取成樹(shù)狀
    for (i = 0; i < list.length; i++) {
        map[list[i].key] = list[i]; 
        list[i].children = []; 
    }
    for (i = 0; i < list.length; i++) {
        node = list[i];
        if (node.parent !== 0) {
            map[node.parent].children.push(node);
        } else {
            tree.push(node);
        }
    }
    return tree;
}

面試官補(bǔ)充：你有什么想問(wèn)的嗎？

反問(wèn)：你對(duì)我的評(píng)價(jià)是怎么樣的？

hr：語(yǔ)言表達(dá)可以，項(xiàng)目也有特色，很多知識(shí)都有涉及，但是有點(diǎn)龐雜，顯得不太精，需要多專(zhuān)一個(gè)知識(shí)，找一個(gè)方向特別精通的地步

hr：可以看看網(wǎng)絡(luò)的知識(shí)，緩存，懶加載等等，比如三次握手和四次揮手，以及跨域····（我心想，這些你也沒(méi)問(wèn)也），vue更加深層的應(yīng)用，畢竟不能只是應(yīng)用技術(shù)，還要做拓展和深入研究，

我：這些我都學(xué)習(xí)了解了的

hr：沒(méi)事，面試不是第一次，每次期待下一次（涼了！~）

總結(jié)

問(wèn)的其實(shí)都不難，就是問(wèn)的比較深入，喜歡搞一些大項(xiàng)目中的高階用法，和很多多層封裝考得多，個(gè)人認(rèn)為確實(shí)要把一些技術(shù)搞的牢固一些，然后可以做自己的開(kāi)源項(xiàng)目，用自己的熟悉技術(shù)不斷迭代，高階知識(shí)自然用上了。

第一次面試雖涼了，但是收獲還是不錯(cuò)的，說(shuō)緊張，也只是面試官?zèng)]進(jìn)入會(huì)議可能緊張，其他時(shí)候也就是寫(xiě)不出代碼緊張了，在想什么呢（今晚吃啥呢，好吧，我在封寢~~~）

#字節(jié)面試#