Web前端校招面試真題

包含了騰訊、字節(jié)跳動(dòng)、百度、阿里、滴滴、美團(tuán)、58、拼多多、360、新浪、搜狐等一線互聯(lián)網(wǎng)公司面試被問到的題目。希望對(duì)大家參加前端校招有所幫助吧！

·HTML

瀏覽器頁面有哪三層構(gòu)成，分別是什么，作用是什么?

HTML5的優(yōu)點(diǎn)與缺點(diǎn)？

Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?

HTML5有哪些新特性、移除了哪些元素？

你做的網(wǎng)頁在哪些瀏覽器測(cè)試過，這些瀏覽器的內(nèi)核分別是什么?

每個(gè)HTML文件里開頭都有個(gè)很重要的東西，Doctype，知道這是干什么的嗎？

說說你對(duì)HTML5認(rèn)識(shí)?（是什么，為什么）

對(duì)WEB標(biāo)準(zhǔn)以及W3C的理解與認(rèn)識(shí)?

HTML全局屬性(global attribute)有哪些?

說說超鏈接target屬性的取值和作用？

iframe有哪些缺點(diǎn)？

Label的作用是什么，是怎么用的？

如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁之間的通信?

談?wù)勀銓?duì)canvas的理解？

·CSS

解釋一下CSS的盒子模型？

請(qǐng)你說說CSS選擇器的類型有哪些，并舉幾個(gè)例子說明其用法？

請(qǐng)你說說CSS有什么特殊性?（優(yōu)先級(jí)、計(jì)算特殊值）

常見瀏覽器兼容性問題與解決方案？

列出display的值并說明他們的作用？

如何居中div， 如何居中一個(gè)浮動(dòng)元素?

請(qǐng)列舉幾種清除浮動(dòng)的方法(至少兩種)?

block，inline和inlinke-block細(xì)節(jié)對(duì)比？

什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？

說說浮動(dòng)元素會(huì)引起的問題和你的解決辦法

你有哪些性能優(yōu)化的方法？

為什么要初始化CSS樣式？

CSS樣式表根據(jù)所在網(wǎng)頁的位置，可分為哪幾種樣式表？

請(qǐng)你說說em與rem的區(qū)別？

·JavaScript

js的各種位置，比如clientHeight，scrollHeight，offsetHeight ，以及scrollTop， offsetTop，clientTop的區(qū)別？

js拖拽功能的實(shí)現(xiàn)

異步加載js的方法

js的防抖與節(jié)流

說一下閉包

說說你對(duì)作用域鏈的理解

JavaScript原型，原型鏈 ? 有什么特點(diǎn)？

請(qǐng)解釋什么是事件委托/事件代理

Javascript如何實(shí)現(xiàn)繼承？

函數(shù)執(zhí)行改變this

babel編譯原理

函數(shù)柯里化

說一下類的創(chuàng)建和繼承

說說前端中的事件流

如何讓事件先冒泡后捕獲

說一下圖片的懶加載和預(yù)加載

js的new操作符做了哪些事情

改變函數(shù)內(nèi)部this指針的指向函數(shù)（bind，apply，call的區(qū)別）

Ajax解決瀏覽器緩存問題

·Vue

Vue中 key 值的作用

Vue 組件中 data 為什么必須是函數(shù)？

vuex的State特性是？

介紹一下Vue的響應(yīng)式系統(tǒng)

computed與watch的區(qū)別

介紹一下Vue的生命周期

為什么組件的data必須是一個(gè)函數(shù)

組件之間是怎么通信的

Vue.cli中怎樣使用自定義的組件？有遇到過哪些問題嗎

Vue如何實(shí)現(xiàn)按需加載配合webpack設(shè)置

簡單描述每個(gè)周期具體適合哪些場(chǎng)景

scss是什么？在Vue.cli中的安裝使用步驟是？有哪幾大特性？

聊聊你對(duì)Vue.js的template編譯的理解？

Vue 路由跳轉(zhuǎn)的幾種方式

Vue如何實(shí)現(xiàn)按需加載配合webpack設(shè)置?

Vue的路由實(shí)現(xiàn)：hash模式和history模式

Vue與Angular以及React的區(qū)別？

Vue路由的鉤子函數(shù)

什么是Vue的計(jì)算屬性？