分享一套校招前端筆試題

我說我去面試了，你信不信？這是今日頭條的校招前端筆試題，如果侵權(quán)了，請聯(lián)系我。

HTML

1. 針對移動瀏覽器端開發(fā)頁面，不期望用戶放大屏幕，且要求“視口（viewport）”寬度等于屏幕寬度，視口高度等于設(shè)備高度，如何設(shè)置？

2. data-xxx 屬性的作用是什么？

3. 請描述一下cookies，sessionStorage和localStorage的區(qū)別？

4. 什么時(shí)候?yàn)g覽器的標(biāo)準(zhǔn)模式（standards mode）和怪異模式（quirks mode）

CSS

1. 解釋一下box-model：全部屬性，各個(gè)屬性取值類型，范圍，計(jì)算值方式，負(fù)值作用，box-sizing概念。

2. BFC(Block Formatting Context)是什么？有哪些應(yīng)用？

3. 如何要求容器在寬度自由很縮的情況下，A/B/C的寬度始終是1:1:1，如何實(shí)現(xiàn)，寫出兩種方法。

1. 如圖，A若寬高已知，如何實(shí)現(xiàn)水平、垂直均相對于父元素居中？若A高度未知呢？

JAVASCRIPT

1. 函數(shù)中的arguments是什么？是數(shù)組嗎？若不是，如何將它轉(zhuǎn)化為真正的數(shù)組？

2. 列舉JavaScript中typeof操作符的可能結(jié)果，如何區(qū)分：{}和[]類型？

3. Function中的call、apply、bind的區(qū)別是什么？請針對每一個(gè)寫出一個(gè)代碼示例。

4. 使用jQuery，找到id位selector的select標(biāo)簽中有用data-target屬性為isme的option的值？

5. 請優(yōu)化下段代碼：

    for (var i = 0; i < document.getElementsByTagName('a').length; i++) {
        document.getElementsByTagName('a')[i].onmouseover = function () {
            this.style.color = 'red';
        }
        document.getElementsByTagName('a')[i].onmouseout = function () {
            this.style.color = '';
        }
    }
   

總結(jié)

整套題比較基礎(chǔ)，屬于初級工程師水平。