答案自己谷歌或百度找。

面試題是來自微博@牛客網(wǎng)發(fā)布的真實大廠前端面經(jīng)題目，我一直在收集題目長期一個一個的記錄下來的，可能會有重復(fù)，但基本前端的面試大綱和需要掌握的知識都在其中了，面試題僅做學(xué)習(xí)參考，學(xué)習(xí)者閱后也要用心鉆研其中的原理，重要知識需要系統(tǒng)學(xué)習(xí)、透徹學(xué)習(xí)，形成自己的知識鏈。

express和koa的對比，兩者中間件的原理，koa捕獲異常多種情況說一下

你項目里用到第三方登錄涉及的oAuth(JWT)協(xié)議的實現(xiàn)原理，以及你本地的實現(xiàn)原理，第三方登錄怎么樣保證安全性

說下快排完整性

react和vue的區(qū)別，你開發(fā)如何選擇技術(shù)棧

express里面登錄的session服務(wù)怎么樣實現(xiàn)分布式服務(wù)

vue的理解

vue的雙向數(shù)據(jù)綁定的原理

vue怎么樣實現(xiàn)數(shù)組綁定

js的繼承

call和apply的區(qū)別

ajax是同步還是異步，怎么樣實現(xiàn)同步

ajax實現(xiàn)過程

閉包的作用理解，以及那些地方用過閉包，以及閉包的缺點，如何實現(xiàn)閉包

跨域方法以及怎么樣實現(xiàn)的與原理

工作中做的項目有什么亮點

webpack工程構(gòu)建工具怎么樣用

數(shù)組去重

快排和冒泡原理

http狀態(tài)碼

nodejs了解多少

為什么css樣式初始化，目的是為了什么

為什么瀏覽器會產(chǎn)生同源策略

axios有什么特點

cookie和webstrage的區(qū)別以及cookie怎么樣使用？原生cookie怎么樣封裝

三次握手

對跨域了解嗎。jsonp的限制

瀏覽器那些地方用到了異步

css彈性布局，那些地方用到過

position屬性有哪些值，分別有什么含義

ES6用過嗎，新增了那些東西，你用到過什么

const和let的區(qū)別，可以改變const定義對象某個屬性嗎

箭頭函數(shù)，箭頭函數(shù)的特點

js的this理解， 如何改變this的指向

cookie有什么限制

js的事件機制

settimeout的機制

遇到過兼容性的問題嗎，要如何處理

項目中使用過構(gòu)建工具嗎

平時如何學(xué)習(xí)前端的，最近在看的一本書

內(nèi)存泄露的排除定位和解決方法

垃圾回收機制

websocket實現(xiàn)原理

http狀態(tài)碼301 302的區(qū)別，304是啥

緩存機制，協(xié)商協(xié)議

定時器setTimeout的運行機制

事件循環(huán)機制 eventloop

異步es5 es6 es7分別怎么樣解決

js的繼承的實現(xiàn)方法

清除浮動的方法

常見布局的方法

從輸入一個url到瀏覽器頁面展示都經(jīng)歷了哪些過程

new生成了一個對象的過程（核心return this）

請簡單說明什么是事件冒泡和事件捕獲以及事件委托

實現(xiàn)一個兩邊寬度固定中間自適應(yīng)的三列布局，圣杯布局，雙飛燕

flex布局有沒有了解

請簡述一下js原型鏈

es6有了解嗎，請簡單說一下promise機制，異步的承諾機制，順勢說一下解決回調(diào)地獄的問題

手寫一下深拷貝，答案提示：JSON.parse(JSON.stringify(obj)) 用JSON實現(xiàn)深拷貝

== 和 === 的卻別，，typeof null的結(jié)果是什么

同步和異步的執(zhí)行順序

get和post的請求區(qū)別

什么情況算是跨域，如何解決跨域問題

一個有序的數(shù)組如何進行查找操作

手寫一個快速排序

事件委托理解，原理，好處，應(yīng)用場景

前端框架用過什么？

vue和react的區(qū)別

vue的原理

閉包

let和var的區(qū)別，let的產(chǎn)生背景？

定寬定高，如何垂直居中，那不定寬定高呢？

https的請求過程

代碼規(guī)范

項目中遇到過什么難點，如何解決的

尾遞歸問題

電腦里有很多大小不一樣的照片，我現(xiàn)在要復(fù)制到U盤上，但是U盤容量固定，讓你寫一個程序，挑選一組照片，讓U盤的剩余空間最小。

后端會哪些語言

講下如何負載均衡

cookie和session的區(qū)別和聯(lián)系

nodejs是單線程還是多線程的，為什么能去開很多異步請求去訪問其他接口

一般你是如何操作數(shù)據(jù)庫的？會哪些數(shù)據(jù)庫

mysql的底層引擎，發(fā)布

mysql語言寫的如何，怎么樣判斷sql語句的性能？如何優(yōu)化？

如何去除數(shù)組中的重復(fù)的項？

遍歷數(shù)組處理用for循環(huán)還有什么方法嗎

瀏覽器出于安全考慮有？（同源策略）

登錄原理

讓我設(shè)計一個頁面，選擇男或女，搜索出相對性

發(fā)送請求有哪些？

web的安全問題？

自我介紹

JS如何計算瀏覽器的渲染時間的

瀏覽器的緩存

var的變量提升底層原理是什么？

event loop講講

JS的回收機制說一下

數(shù)組常用的方法有哪些

websock的底層原理講講

你的聊天室項目，如果數(shù)據(jù)傳輸出錯了怎么辦？

現(xiàn)在有一大段文字，如何在頁面中設(shè)置一個窗口滾動播出這段文件（輪播），輪播圖如何解決卡頓問題，有手寫過輪播圖你，原理是什么

垂直水平居中的方式

實現(xiàn)三欄布局，中間自適應(yīng)有幾種方法

算法：給你一個無序數(shù)字數(shù)組，里面是隨機的書，并給出一個目標值，求這個數(shù)組的兩個數(shù)，這個數(shù)的和等于目標值，要求這兩個數(shù)并給出下標，
你能想到最優(yōu)的辦法是什么嗎（提示：快排，雙指針）

算法：給一個無序的數(shù)組，讓我分割成m組，這個m組里和最大的一組是所有可能的分割情況最小的（二分答案法）

webpack的原理

proto 和prototype分別是什么

原型鏈原理

在原型鏈上Object再往上是什么

new和Object.create的區(qū)別

哪種情況下__proto__和prototype的指向是同一個？

typeof array null undefined NaN分別是什么

把undefined和null轉(zhuǎn)成Number分別是什么

如何判斷是否為數(shù)組？（instanceOf和constructor可以，但是有原型鏈斷裂的風(fēng)險，Object.toString.call()最穩(wěn)定）

instanceOf和constructor的區(qū)別

原型鏈斷裂了以后的結(jié)果是什么

如果讓你實現(xiàn)一個promise怎么樣實現(xiàn)

如何學(xué)前端的，看了哪些書

博客寫了多少篇

你的技術(shù)亮點在哪里

寫一下實現(xiàn)合理化

你對三大框架的理解是什么

前端性能理解，優(yōu)化有哪些

nodejs了解多少

你遇到的最有難度的技術(shù)問題是什么

redux原理講講

了解web移動開發(fā)嗎，移動端適配方案有哪些

你有Native開發(fā)經(jīng)驗嗎，講下Android如何調(diào)用頁面的資源

行內(nèi)元素和塊級元素有哪些，img屬于什么元素

margin坍塌

BFC原理

寫一下清除浮動

寫一下不知道寬高元素垂直水平居中方法

寫一下節(jié)點的增刪改

如何獲取元素的父節(jié)點和兄弟節(jié)點

JS如何獲得用戶來源（navigator.userAgent）

跨域方法說一下

jsonp的原理是什么，處理script標簽還可以通過什么實現(xiàn)？（靜態(tài)資源標簽）

原型鏈說一下

談?wù)剬υ玩溊^承

前端緩存

給你一個亂序數(shù)組，你怎么樣排序

你的項目有什么亮點

你的文件上傳方案是什么

寫一個方法提取一下search里面的參數(shù)

寫一個API實現(xiàn)insertAfter

CSS3哪些用的比較多

CSS動畫會嗎，怎么樣用CSS實現(xiàn)一個loading效果

如何處理CSS兼容問題

webpack有個插件可以解決css兼容性問題你知道嗎（postcss-loader）

ES6新特性說說

ES6的代理是什么
let和var的區(qū)別講講

箭頭函數(shù)和ES5和this的指向區(qū)別講講

前端安全這塊了解多少

寫一個API，實現(xiàn)jQuery的$(selector)選擇器，要求兼容IE6

瀏覽器是如何實現(xiàn)通過你的代碼去找到指定的元素的

用JS模擬一個雙向鏈表

前端工程化思想

模塊化思想

你為什么選擇前端

cookie，session，localStorage和sessionStorage的區(qū)別

Nodejs的線程管理

JS設(shè)計模式有哪些

跨域的方法有哪些

說說bind，apply，call的區(qū)別以及bind的實現(xiàn)

算法：反轉(zhuǎn)二叉樹以及時間復(fù)雜度

鏈表找環(huán)

react的virtual DOM和Diff算法

React的生命周期

Vue的生命周期

boostrap的底層原理

圖片壓縮的原理

如何處理高并發(fā)的情況下，用戶順序問題

說一下web安全，xss，csrf防范
csrf流程，舉例子

session+cookie的登錄機制

token香港，瀏覽器緩存

vue雙向綁定原理，vue-loader做了什么

webpack的插件大致流程

編程題：給出一個字符串(“obj.a”)，返回對象屬性obj.a，類似eval的效果

前端路由會不會發(fā)請求

畫布濡染有了解嗎

前端監(jiān)控，pm2，如果我服務(wù)器掛了，如何快速發(fā)現(xiàn)并且定位錯誤

pm2除了監(jiān)控還能干什么，如何實現(xiàn)

express中間件如何實現(xiàn)

了解TCP嗎，數(shù)據(jù)結(jié)構(gòu)簡單介紹一下以及你的想法

webpack項目太大了怎么辦

深拷貝

如果彈出的菜單位置過于貼近邊框，如何調(diào)整這個元素的位置

計算50個人至少有2個生日相同的概率

一個升序數(shù)組，求兩個元素的和為一個指定數(shù)

vue的生命周期

vuex的狀態(tài)管理的原理是什么

如何在瀏覽器端和原生端的代碼復(fù)用，講到weex又簡單講了它的原理

跨域如何解決

前端性能優(yōu)化問題

csrf攻擊原理以及防御手段

平衡二叉樹

如何在上億規(guī)模的數(shù)據(jù)中找到最大的一個數(shù)

最近看過的技術(shù)文章和一遍非技術(shù)文章（考察表達能力，和主動學(xué)習(xí)新知識的習(xí)慣）

算法題：二叉樹層序遍歷

JS的全排列

get和post的區(qū)別

301和302的區(qū)別

如何避免301跳轉(zhuǎn)https

tcp建立連接三次握手的區(qū)別

操作系統(tǒng)進程和線程的區(qū)別

線程的哪些資源共享，哪些資源不共享

設(shè)計模式有哪些

Linux命令用的多嗎，怎么樣進行進程間通信

kill指令了解過嗎

如何畫一個三角形

CSS中對溢出的處理

CSS選擇器有哪些，優(yōu)先級呢？

ES6中用過什么

promise的狀態(tài)有哪些

講講JS的閉包

你有用到express嗎

express和koa2的區(qū)別

講講JS的語言特性嗎

最近在學(xué)啥

項目用到JAVA，反射來講

你用過什么數(shù)據(jù)庫

MySQL里面的索引用過嗎

B+樹了解過嗎

mongoDB有哪些特點

實現(xiàn)一個兩列等高布局，思路

清除浮動的方法

如何讓一個元素消失

重排和重繪

HTTP狀態(tài)碼

講講304

瀏覽器緩存機制

強緩存，協(xié)商緩存什么時候用哪個

如何判斷一個數(shù)組

你說到typeof，能不能加一個限制條件typeof只能判斷是object，可以判斷一下是否擁有數(shù)組的方法

JS的如何實現(xiàn)倒計時，為什么不準，校正方式

JS實現(xiàn)跨域

React的特性

nodejs的時間方法講講看

nodejs的特性，適合處理什么場景

IO多路復(fù)用

前端優(yōu)化

實現(xiàn)一個ajax，兼容

如何有一個很多的列表，像頭條的新聞列表，用戶看得多了，列表越來越大，怎么樣處理，思考一下

如果有這樣的場景：一個模塊A作為輸出，BCD等擴展模塊可以在A做更改后展示A的原來內(nèi)容或者駕駛CSS后的內(nèi)容，想想思路

同一個網(wǎng)站，在上海打開慢，在北京打開快，怎么樣分析原因，（DNS解析和CDN）

vue react jquery比較，有測試過性能嗎

對大前端的理解，前端會發(fā)展怎么樣

算法：兩個排序好的數(shù)組，怎么樣找他的中位數(shù)

React虛擬DOM，生命周期

react父子通信

nodejs如何require一個包

es6和es5的區(qū)別

Nodejs加載原生的包與自己定義的包路徑如何查找

HTTP2.0的優(yōu)勢

flex彈性布局裂解，移動端適配方案有哪些

頁面緩存

頁面性能優(yōu)化

css性能優(yōu)化，就動畫效果，如何從js，cs角度減少回流？

webpack的plugin和loader的區(qū)別

es5如何轉(zhuǎn)為es5-babel

了解webpack如何打敗

原型基礎(chǔ)

BFC

原型鏈與作用域鏈

jQuery的源碼看過沒

移動端開發(fā)經(jīng)驗

css會嗎

怎么樣學(xué)前端

遇到問題如何解決

正則如何將一個數(shù)千分化表示

js設(shè)計模式知道哪些，單例詳細說

函數(shù)式編程-柯里化

es6的變量定義和es5的區(qū)別

JS事件流

七層網(wǎng)絡(luò)協(xié)議，每層干嘛的

tcp三次握手，四次揮手

排序算法有哪些，時間復(fù)雜度，選擇排序怎么樣搞

數(shù)據(jù)結(jié)構(gòu)有哪些，紅黑樹和二叉樹的區(qū)別，二叉搜索樹與二叉平衡樹

項目經(jīng)驗

樹數(shù)據(jù)多少非常多怎么樣辦（懶加載）

頁面優(yōu)化方法

設(shè)計模式

cookie和session的卻別

如果現(xiàn)在重新做這個項目，有什么想優(yōu)化的

多長時間開始獨立做前端，這段時間是如何學(xué)習(xí)的

學(xué)習(xí)生涯最失敗的事情是什么，怎么樣走出來的

如何看待競爭

項目里最難的事情，如何克服

職業(yè)規(guī)范是怎么樣的

是獨生子女嗎

別人對你的項目認可度，項目做的怎么樣

block元素和inline元素的區(qū)別

position有哪些，特性

css選擇器有哪些

es5和es6：let，const打包后如何變-塊級作用域

JS基本數(shù)據(jù)類型

作用域鏈

遞歸

react生命周期

react通信機制

js事件流

redux

flex彈性布局

this

promise如何從then轉(zhuǎn)為catch的

介紹你做過的項目

promise函數(shù)

es6模塊新特性

瀏覽器內(nèi)存泄露，閉包內(nèi)存泄露如何解決

怎么樣讓頁面加載更快

兼容過IE的方法

緩存

會pc換還是移動端

觀察者模式如何實現(xiàn)

行元素，塊級元素的卻別

css選擇器的優(yōu)先級

水平垂直居中布局

前端性能優(yōu)化

閉包的概念，平時如何實現(xiàn)

es6的特性以及這些特性如何實現(xiàn)的

事件冒泡，事件捕獲，事件委托的原理，如何實現(xiàn)委托，事件，委托的有點是什么，事件監(jiān)聽

輸入URL瀏覽器是如何工作的

requirejs組件化

jQuery和vue的區(qū)別

vue的特點

vue的雙向綁定原理

談?wù)刯s設(shè)計模式

如何實現(xiàn)訂閱者發(fā)者模式

MVVM實現(xiàn)原理

vue生命周期

vue跨組件通信實現(xiàn)

vue的props和slot的使用，區(qū)別

vuex的原理

詳細說明解決跨域的方式

前端安全（資源枚舉，XSS共計，DOS攻擊，CSRF攻擊）

HTTP狀態(tài)碼

重排重繪

談?wù)凧S的異步機制

項目中是是如何優(yōu)化頁面的

如何實現(xiàn)移動端布局，適配方案

call apply bind的區(qū)別

深拷貝的實現(xiàn)

jQuery原理，平時用jQuery都做過什么

用過webpack嗎，談一下webpack打包

給了一個settimeout代碼輸出的順序

git命令

Linux命令

JS基礎(chǔ)有幾種

流式布局

對前端的了解和個人規(guī)劃

html5的新特性

float和position的區(qū)別

如何獲取當前日期

html語義化，好處

計算器

清除浮動

盒子模型

border-box和content-box

css偽元素有哪些

打開連接到網(wǎng)頁呈現(xiàn)的流程

HTTP請求頭，響應(yīng)頭里面有哪些

異步加載JS

JS原型

看哪些技術(shù)網(wǎng)站

覺得自己的不足

cookie實現(xiàn)

cookie長度限制

http狀態(tài)碼

301 302

性能優(yōu)化

一個網(wǎng)頁很多很多頁面，怎么樣讓用戶體驗好一點

一個項目可能要延期，怎么樣處理

URL長度限制

緩存

什么時候用local，什么時候用session和 storage

長連接

有沒有抓過包

有沒有用過代理

DNS

圖片壓縮

gzip

瀏覽器兼容

webpack css兼容

css性能

垂直居中，水平居中

盒子米線

last-modifined，etg怎么樣判斷

css動畫優(yōu)化

401狀態(tài)碼

reflow和repaint

應(yīng)用層協(xié)議有哪些

TCP和UDP

有哪些狀態(tài)碼

Ajax如何實現(xiàn)的

Ajax返回204算是成功嗎

settimeout異步

tcp ip分成

vue diff算法

vue的生命周期

pwa

vue-router不能解決情況和邊界情況

transition生命周期

線程和進程的區(qū)別

什么是異步

promise是如何解析異步操作的

如果給a,b,c,d四個時間，執(zhí)行時間分別為1，2，3，4，怎么樣做才能在abc都在執(zhí)行完后再執(zhí)行d，除了使用promise還能使用什么方法

數(shù)組去重方法

函數(shù)節(jié)流和函數(shù)防抖知道嗎，區(qū)別是什么

TCP和UDP的區(qū)別

HTTP1.0和HTTP1.1相關(guān)我讓你聽

強緩存和協(xié)商緩存知道嗎

為什么HTTP1.1中使用Cache-Control代替Expires

HTTP1.1中Etg和f-None-Match哪個權(quán)重比較大

排序的幾種方法知道嗎，是如何實現(xiàn)的

棧和隊列有什么區(qū)別，具體的應(yīng)用場景

hashmap原理

react中props和state的區(qū)別

組件怎么樣拿到redux的數(shù)據(jù)

給你一個DOM元素，用CSS的方式讓他呈現(xiàn)兩個的想過，只有一個DOM元素

一個數(shù)組只有1和2，排序，1在前面，2在后面

js事件模型，捕獲和冒泡，阻止冒泡

preventDefault和stopPropagation的區(qū)別

HTTP緩存

https

react的事件綁定和原生有什么區(qū)別嗎

一個數(shù)組，有很多數(shù)字存在2次，只有一個數(shù)字寸一次，怎么樣找出這個數(shù)字

關(guān)于iframe內(nèi)部和外部變量的讀取是如何的

前端防連擊throttle和debounce

ES6 generator async/await了解嗎

HTTP/2有什么新特性

哈希的原理

如何反轉(zhuǎn)鏈表

二叉搜索樹的原理

給定兩個文本文件，找出他們中相同的行都有哪些

對JS單線程的理解

頁面共享數(shù)據(jù)的方法有哪些

amd，cmd規(guī)范

用戶頁面打開很慢，有哪些優(yōu)化方式

react的虛擬DOM了解什么，這些類型的框架和傳統(tǒng)的jd操作dom的優(yōu)勢

koa generator能講一下嗎

如何做單側(cè)，單側(cè)和開發(fā)占比應(yīng)該是多少

hybrid

v-model參數(shù)

mvvm，mvc，mvp區(qū)別

cdn

網(wǎng)絡(luò)安全xss，csfr是什么，怎么樣解決安全

https怎么樣校驗證書有效性

websocket協(xié)議，nodejs中有哪些實現(xiàn)了這個協(xié)議

TCP/IP體系結(jié)構(gòu)以及每層的主要協(xié)議

TCP的三次握手

HTTP各版本比較

數(shù)據(jù)結(jié)構(gòu)學(xué)過什么

js如何實現(xiàn)一個棧

哈希表是怎么樣的結(jié)構(gòu)

說說操作系統(tǒng)的內(nèi)存管理

怎么樣實現(xiàn)一個服務(wù)器

如何刪除一個dom節(jié)點

瀏覽器如何渲染頁面的

GitHub的項目問

看過什么書

你是如何理解HTML語義化的

HTML的黑鉆模型有哪些構(gòu)成的，盒子模型有哪些，默認是哪些

盒子模型有沒有辦法把寬度設(shè)置為包含padding

浮動元素有沒有什么特性

清除浮動的所有方法

ji基本數(shù)據(jù)類型

typeof去判斷數(shù)據(jù)類型返回值有哪些

說說事件代理利用的是什么原理

阻止冒泡的函數(shù)是什么

cookie有什么特征

加入訪問A.com存進了一個cookie，在另外一個頁面用ajax向A的域名發(fā)請求會攜帶cookie嗎

cookie的其他解決方案

localStorage存儲數(shù)據(jù)格式是什么

怎么樣把一個數(shù)組存進localSorage

storage有哪些存儲方法

html5有哪些新的特性

假設(shè)兩臺電腦之間同步畫板如何實現(xiàn)

promise的兩個方法，具體實現(xiàn)

es6用的多的有哪些

箭頭函數(shù)

如果一個頁面做辛夷花，從哪些方面考察，從哪些地方優(yōu)化

vue開發(fā)模式和jQuery模式有哪些不同，有哪些優(yōu)缺點

假設(shè)一個object A里面的值n為1，怎么樣知道n改變了，有事件綁定嗎

react是如何實現(xiàn)數(shù)據(jù)綁定的

給數(shù)字加千位分隔符

HTTP1 SPDY HTTP2的對比

webkit內(nèi)核渲染頁面過程

簡單介紹一下backbone

react首次渲染過程

redux和vuex的區(qū)別

了解過weex嗎

typescript和es6的區(qū)別

知道xss嗎，介紹一下，如何避免

跨域方式

如何理解html語義化

瀏覽器如何處理未知的的tab

html5有什么新的tag，canvas…

nodejs的優(yōu)勢，用過nodejs的哪些模塊

預(yù)約系統(tǒng)如何解決高并發(fā)的問題

kut如何優(yōu)化react的diff，有去提pr嗎，為什么

簡單說一下ICP UDP

Socks5代理是如何實現(xiàn)的，讀過協(xié)議嗎

http狀態(tài)碼，307是什么，401和403的區(qū)別

酸酸是如何實現(xiàn)穿墻的

如何實現(xiàn)文件上傳的功能

垂直居中的實現(xiàn)

react和vue的區(qū)別

介紹一下盒子模型

實現(xiàn)css動畫有哪些

jsonp如何實現(xiàn)，過程

知道哪些http狀態(tài)碼

200和304實現(xiàn)緩存的區(qū)別

localstorage和cookie的區(qū)別，如何設(shè)置cookie

表單提交和ajax的區(qū)別

calc屬性

symbol

事件監(jiān)聽

常見的請求方式

tcp和http的區(qū)別

css的定位屬性，怎么樣定位的

情景題：給你一個ul列表，找到點擊的li對象，把點擊到的對象的字符串翻轉(zhuǎn)，講出思路并且寫出代碼

只能用獲取到對象的屬性

小程序的生命周期

小程序的Onlaunch周期不支持同步獲取信息之后再執(zhí)行到下一個生命周期

你怎么樣維持用戶登錄狀態(tài)的

給你一顆樹，如何找到其公共的父節(jié)點

你最榮耀的事情

你怎么樣知道我們公司的，為什么來我們公司

rem，px，em的區(qū)別

協(xié)同開發(fā)需要注意什么

作者：梁鳳波
鏈接：http://www.imooc.com/article/...
來源：慕課網(wǎng)