大搜車面試總結(jié)

ziwenxie 發(fā)布于2019-08-23 16:04 / 1174人閱讀

摘要：面試總結(jié)工作久了有時(shí)候也需要出去看看。前幾天大搜車的約了面試，就記錄一下關(guān)于這次面試的具體內(nèi)容。給出大致思路，參數(shù)回調(diào)函數(shù)事件。采用去觸發(fā)事件，在組件注冊(cè)相應(yīng)的事件來達(dá)到交互的目的。

面試總結(jié)

工作久了有時(shí)候也需要出去看看。

前幾天大搜車的hr約了面試，就記錄一下關(guān)于這次面試的具體內(nèi)容。

一、筆試

先填寫了個(gè)人信息，第一步就是筆試。

哪種盒模型包含padding

header中哪種標(biāo)記不影響文件的緩存(age, etag, last-modify,cache-control)

設(shè)計(jì)一個(gè)tree組件，使用react、或者vue。可無限嵌套，最大程度的去適應(yīng)各種需求。給出大致思路，參數(shù)、回調(diào)函數(shù)、事件。

使一個(gè)div寬度100px;高100px;居中至少三種方式(不考慮瀏覽器兼容)

說出你在過去項(xiàng)目中最滿意的一部分。

存在字符串a(chǎn)、b。找出a是否包含在b中，如果包含多個(gè)返回第一個(gè)位置，沒有包含則返回-1.如:a="123" b="4512356123" 則返回2。不能使用indexOf、substr等。

設(shè)計(jì)一個(gè)plus函數(shù)、實(shí)現(xiàn)plus(1)(2)()=3、plus(1)(2)(3)()=6。

題目大致是這樣的。細(xì)節(jié)部分可能有偏差，但是大體的意思是這樣的。針對(duì)筆試部分后兩個(gè)函數(shù)我寫了挺久、只完成了字符串部分，后面手寫確實(shí)有點(diǎn)難(可能是我太菜了吧)
以下是我回去后給出的答案

哪種盒模型包含padding。

主要分為兩種盒模型。標(biāo)準(zhǔn)盒模型、和IE盒模型。

就如圖上表示的，IE模型中width包含了content+padding+border。標(biāo)準(zhǔn)模型中width只包含content。開發(fā)者可以顯示的用box-sizing去設(shè)置想要的盒模型。

2.header中哪種標(biāo)記不影響文件的緩存(age, etag, last-modify,cache-control)。
age：請(qǐng)求頭中的age代表的意思是當(dāng)代理服務(wù)器用自己緩存的實(shí)體去響應(yīng)請(qǐng)求時(shí)，用該頭部表明該實(shí)體從產(chǎn)生到現(xiàn)在經(jīng)過多長時(shí)間了。etag:web服務(wù)器響應(yīng)請(qǐng)求時(shí)，告訴瀏覽器當(dāng)前資源在服務(wù)器的唯一標(biāo)識(shí)（生成規(guī)則由服務(wù)器覺得）。Apache中，ETag的值，默認(rèn)是對(duì)文件的索引節(jié)（INode），大小（Size）和最后修改時(shí)間（MTime）進(jìn)行Hash后得到的。Last-Modified：標(biāo)示這個(gè)響應(yīng)資源的最后修改時(shí)間。web服務(wù)器在響應(yīng)請(qǐng)求時(shí)，告訴瀏覽器資源的最后修改時(shí)間。Cache-Control與Expires的作用一致，都是指明當(dāng)前資源的有效期，控制瀏覽器是否直接從瀏覽器緩存取數(shù)據(jù)還是重新發(fā)請(qǐng)求到服務(wù)器取數(shù)據(jù)。只不過Cache-Control的選擇更多，設(shè)置更細(xì)致，如果同時(shí)設(shè)置的話，其優(yōu)先級(jí)高于Expires。

3.設(shè)計(jì)一個(gè)tree組件，使用react、或者vue。可無限嵌套，最大程度的去適應(yīng)各種需求。給出大致思路，參數(shù)、回調(diào)函數(shù)、事件。
這部分我是根據(jù)自己開發(fā)的經(jīng)驗(yàn)去寫的，純粹是個(gè)人經(jīng)驗(yàn)。我使用Vue采用Vue提供的slot去做嵌套，這樣提高了組件適應(yīng)的不同需求的能力。采用emit去觸發(fā)事件，在tree組件注冊(cè)相應(yīng)的事件來達(dá)到交互的目的。

回答的不夠好，僅提供參考

4.使一個(gè)寬度100px高100px的div橫向居中至少三種方式(不考慮瀏覽器兼容)

.box{ position:absolute;left: 50%;trasition: translate(-50%, 0) };

.box{ position:absolute;left: 50%;margin-left: -50px; }

.box{ position: absolute;margin: 0 auto; }

5.說出你在過去項(xiàng)目中最滿意的一部分。
是做了一個(gè)vue-barrel插件，是UI布局更加美觀。詳情可以查看我的一篇文章木桶插件。

6.存在字符串a(chǎn)、b。找出a是否包含在b中，如果包含多個(gè)返回第一個(gè)位置，沒有包含則返回-1.如:a="123" b="4512356123" 則返回2。不能使用indexOf、substr等。
這是我自己的代碼，可能是面試比較緊張吧，一時(shí)沒想起來最優(yōu)的方案，這個(gè)復(fù)雜度較高，暴力查找.

function findStr(a, b){
    let tmpA = a.split("");
    let tmpB = b.split("");
    let lastIndex = -1;
    let lengthA = tmpA.length;
    let lengthB = tmpB.length;
    
    for( let i = 0; i< lengthB; i++ ){
        let tag = true;
        for( let j =0; j -1 ?  lastIndex : i;
            break;
        }
    }
    
    return lastIndex;
}

7.設(shè)計(jì)一個(gè)plus函數(shù)、實(shí)現(xiàn)plus(1)(2)()=3、plus(1)(2)(3)()=6。

這部分我當(dāng)時(shí)沒有答出來，當(dāng)時(shí)只是模糊的記得柯里化函數(shù)，沒能手寫出來。

function plus() {

    if (arguments.length === 0) {

        let sum = 0;

        plus.list.forEach((item) => {

            sum += item;

        })

        plus.list = [];

        return sum;

    } else {

        plus.list = plus.list ? plus.list:[];

        plus.list = plus.list.concat(Array.prototype.slice.call(arguments, 0));

        return plus;

    }

}

二面詳情我會(huì)再整理