350頁前端校招面試題直擊大廠：前端基礎、前端核心、計算機基礎、專案、Hr面...-有解無憂

前言

考慮到關注的小伙伴們也會有在校生或應屆生，要參加校招的同學，一直挺想總結一些關于校招面試題，趕在春招結束前終于寫完了，除了寫到前端方面的面試題外，專案、職業發展、H面等高頻問題也會有，寫的很詳細，全方面做好準備，為同學們的校招保駕護航！

正文

HTML

1.瀏覽器頁面有哪三層構成，分別是什么，作用是什么?
2.HTML5的優點與缺點？
3.Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?
4.HTML5有哪些新特性、移除了哪些元素？
5.你做的網頁在哪些瀏覽器測驗過,這些瀏覽器的內核分別是什么?
6.每個HTML檔案里開頭都有個很重要的東西，Doctype，知道這是干什么的嗎？
7.說說你對HTML5認識?（是什么,為什么）
8.對WEB標準以及W3C的理解與認識?
9.HTML5行內元素有哪些,塊級元素有哪些, 空元素有哪些?
10.什么是WebGL,它有什么優點?
11.請你描述一下 cookies，sessionStorage 和 localStorage 的區
12.說說你對HTML語意化的理解?
13.link和@import的區別?
14.說說你對SVG理解?
15.HTML全域屬性(global attribute)有哪些?

HTML

CSS

1.解釋一下CSS的盒子模型？
2.請你說說CSS選擇器的型別有哪些，并舉幾個例子說明其用法？
3.請你說說CSS有什么特殊性?（優先級、計算特殊值）
4.要動態改變層中內容可以使用的方法？
5.常見瀏覽器兼容性問題與解決方案？
6.列出display的值并說明他們的作用？
7.如何居中div, 如何居中一個浮動元素?
8.CSS中 link 和@import 的區別是？
9.請列舉幾種清除浮動的方法(至少兩種)?
10.block，inline和inlinke-block細節對比？

CSS

前端基礎

1.說一下http和https
2.tcp三次握手，一句話概括
3.TCP和UDP的區別
4.WebSocket的實作和應用
5.HTTP請求的方式，HEAD方式
6.一個圖片url訪問后直接下載怎樣實作？
7.說一下web Quality（無障礙）
8.幾個很實用的BOM屬性物件方法?
9.說一下HTML5 drag api
10.說一下http2.0

前端基礎

前端核心

1.JSONP的缺點
2.跨域（jsonp，ajax）
3.如何實作跨域
4.dom是什么，你的理解？
5.關于dom的api有什么
6.ajax回傳的狀態
7.實作一個Ajax
8.如何實作ajax請求，假如我有多個請求，我需要讓這些ajax請求按照某種順序一次執行，有什么辦法

前端核心

前端進階

1.前端測驗
2.介面檔案
3.webpack和gulp區別（模塊化與流的區別）
4.redux用處
5.redux里常用方法
6.redux里常用方法
7.vue雙向系結原理
8.說說vue react angularjs jquery的區別

前端進階

移動開發

1.介紹一下react
2.React單項資料流
3.react生命周期函式和react組件的生命周期
4.react和Vue的原理，區別，亮點，作用
5.reactJs的組件交流
6.有了解過react的虛擬DOM嗎，虛擬DOM是怎么對比的呢
7.專案里用到了react，為什么要選擇react，react有哪些好處
8.怎么獲取真正的dom

計算機基礎

1.TCP建立連接的三次握手程序
2.cdn原理
3.HTTP的頭部包含哪些內容，常見的請求方法（我為什么要說后面的options，head，conn
4.請求方法head特性
5.HTTP狀態碼，301和302有什么具體區別，200和304 的區別
6.OSI七層模型
7.TCP和UDP的區別，為什么三次握手四次揮手
8.HTTP快取機制