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

面試信息

公司：字節(jié)跳動-懂車帝

一面時間：2022-11-25 下午4:30-5:30

時長：1hour左右

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

面試內(nèi)容

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

4，先來個簡單的css簡答題？

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

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

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

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

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

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

hr給我感覺：好像是答對了，也好像木有答對，就是總結(jié)了我混亂不清的言語
6，設(shè)置一個動畫，從右向左逐漸拉伸邊長，類似風(fēng)車打開，說說想法

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

回答：也忘了怎么回答的

8，js算法

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

//后面還有，忘了

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

? 這個題沒寫出來，知識點(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);

問：寫出reverseTree()，使結(jié)果為遞歸樹

回答：

function reverseTree(list) {
    var map = {}, node, tree= [], i;
    // 將數(shù)組所有節(jié)點(diǎn)用對象裝取成樹狀
    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ǔ)充：你有什么想問的嗎？

反問：你對我的評價是怎么樣的？

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

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

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

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