答案自己谷歌或百度找。

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

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

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

說下快排完整性

react和vue的區別，你開發如何選擇技術棧

express里面登錄的session服務怎么樣實現分布式服務

vue的理解

vue的雙向數據綁定的原理

vue怎么樣實現數組綁定

js的繼承

call和apply的區別

ajax是同步還是異步，怎么樣實現同步

ajax實現過程

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

跨域方法以及怎么樣實現的與原理

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

webpack工程構建工具怎么樣用

數組去重

快排和冒泡原理

http狀態碼

nodejs了解多少

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

為什么瀏覽器會產生同源策略

axios有什么特點

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

三次握手

對跨域了解嗎。jsonp的限制

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

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

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

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

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

箭頭函數，箭頭函數的特點

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

cookie有什么限制

js的事件機制

settimeout的機制

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

項目中使用過構建工具嗎

平時如何學習前端的，最近在看的一本書

內存泄露的排除定位和解決方法

垃圾回收機制

websocket實現原理

http狀態碼301 302的區別，304是啥

緩存機制，協商協議

定時器setTimeout的運行機制

事件循環機制 eventloop

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

js的繼承的實現方法

清除浮動的方法

常見布局的方法

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

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

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

實現一個兩邊寬度固定中間自適應的三列布局，圣杯布局，雙飛燕

flex布局有沒有了解

請簡述一下js原型鏈

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

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

== 和 === 的卻別，，typeof null的結果是什么

同步和異步的執行順序

get和post的請求區別

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

一個有序的數組如何進行查找操作

手寫一個快速排序

事件委托理解，原理，好處，應用場景

前端框架用過什么？

vue和react的區別

vue的原理

閉包

let和var的區別，let的產生背景？

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

https的請求過程

代碼規范

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

尾遞歸問題

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

后端會哪些語言

講下如何負載均衡

cookie和session的區別和聯系

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

一般你是如何操作數據庫的？會哪些數據庫

mysql的底層引擎，發布

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

如何去除數組中的重復的項？

遍歷數組處理用for循環還有什么方法嗎

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

登錄原理

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

發送請求有哪些？

web的安全問題？

自我介紹

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

瀏覽器的緩存

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

event loop講講

JS的回收機制說一下

數組常用的方法有哪些

websock的底層原理講講

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

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

垂直水平居中的方式

實現三欄布局，中間自適應有幾種方法

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

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

webpack的原理

proto 和prototype分別是什么

原型鏈原理

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

new和Object.create的區別

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

typeof array null undefined NaN分別是什么

把undefined和null轉成Number分別是什么

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

instanceOf和constructor的區別

原型鏈斷裂了以后的結果是什么

如果讓你實現一個promise怎么樣實現

如何學前端的，看了哪些書

博客寫了多少篇

你的技術亮點在哪里

寫一下實現合理化

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

前端性能理解，優化有哪些

nodejs了解多少

你遇到的最有難度的技術問題是什么

redux原理講講

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

你有Native開發經驗嗎，講下Android如何調用頁面的資源

行內元素和塊級元素有哪些，img屬于什么元素

margin坍塌

BFC原理

寫一下清除浮動

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

寫一下節點的增刪改

如何獲取元素的父節點和兄弟節點

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

跨域方法說一下

jsonp的原理是什么，處理script標簽還可以通過什么實現？（靜態資源標簽）

原型鏈說一下

談談對原型鏈繼承

前端緩存

給你一個亂序數組，你怎么樣排序

你的項目有什么亮點

你的文件上傳方案是什么

寫一個方法提取一下search里面的參數

寫一個API實現insertAfter

CSS3哪些用的比較多

CSS動畫會嗎，怎么樣用CSS實現一個loading效果

如何處理CSS兼容問題

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

ES6新特性說說

ES6的代理是什么
let和var的區別講講

箭頭函數和ES5和this的指向區別講講

前端安全這塊了解多少

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

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

用JS模擬一個雙向鏈表

前端工程化思想

模塊化思想

你為什么選擇前端

cookie，session，localStorage和sessionStorage的區別

Nodejs的線程管理

JS設計模式有哪些

跨域的方法有哪些

說說bind，apply，call的區別以及bind的實現

算法：反轉二叉樹以及時間復雜度

鏈表找環

react的virtual DOM和Diff算法

React的生命周期

Vue的生命周期

boostrap的底層原理

圖片壓縮的原理

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

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

session+cookie的登錄機制

token香港，瀏覽器緩存

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

webpack的插件大致流程

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

前端路由會不會發請求

畫布濡染有了解嗎

前端監控，pm2，如果我服務器掛了，如何快速發現并且定位錯誤

pm2除了監控還能干什么，如何實現

express中間件如何實現

了解TCP嗎，數據結構簡單介紹一下以及你的想法

webpack項目太大了怎么辦

深拷貝

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

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

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

vue的生命周期

vuex的狀態管理的原理是什么

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

跨域如何解決

前端性能優化問題

csrf攻擊原理以及防御手段

平衡二叉樹

如何在上億規模的數據中找到最大的一個數

最近看過的技術文章和一遍非技術文章（考察表達能力，和主動學習新知識的習慣）

算法題：二叉樹層序遍歷

JS的全排列

get和post的區別

301和302的區別

如何避免301跳轉https

tcp建立連接三次握手的區別

操作系統進程和線程的區別

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

設計模式有哪些

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

kill指令了解過嗎

如何畫一個三角形

CSS中對溢出的處理

CSS選擇器有哪些，優先級呢？

ES6中用過什么

promise的狀態有哪些

講講JS的閉包

你有用到express嗎

express和koa2的區別

講講JS的語言特性嗎

最近在學啥

項目用到JAVA，反射來講

你用過什么數據庫

MySQL里面的索引用過嗎

B+樹了解過嗎

mongoDB有哪些特點

實現一個兩列等高布局，思路

清除浮動的方法

如何讓一個元素消失

重排和重繪

HTTP狀態碼

講講304

瀏覽器緩存機制

強緩存，協商緩存什么時候用哪個

如何判斷一個數組

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

JS的如何實現倒計時，為什么不準，校正方式

JS實現跨域

React的特性

nodejs的時間方法講講看

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

IO多路復用

前端優化

實現一個ajax，兼容

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

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

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

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

對大前端的理解，前端會發展怎么樣

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

React虛擬DOM，生命周期

react父子通信

nodejs如何require一個包

es6和es5的區別

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

HTTP2.0的優勢

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

頁面緩存

頁面性能優化

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

webpack的plugin和loader的區別

es5如何轉為es5-babel

了解webpack如何打敗

原型基礎

BFC

原型鏈與作用域鏈

jQuery的源碼看過沒

移動端開發經驗

css會嗎

怎么樣學前端

遇到問題如何解決

正則如何將一個數千分化表示

js設計模式知道哪些，單例詳細說

函數式編程-柯里化

es6的變量定義和es5的區別

JS事件流

七層網絡協議，每層干嘛的

tcp三次握手，四次揮手

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

數據結構有哪些，紅黑樹和二叉樹的區別，二叉搜索樹與二叉平衡樹

項目經驗

樹數據多少非常多怎么樣辦（懶加載）

頁面優化方法

設計模式

cookie和session的卻別

如果現在重新做這個項目，有什么想優化的

多長時間開始獨立做前端，這段時間是如何學習的

學習生涯最失敗的事情是什么，怎么樣走出來的

如何看待競爭

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

職業規范是怎么樣的

是獨生子女嗎

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

block元素和inline元素的區別

position有哪些，特性

css選擇器有哪些

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

JS基本數據類型

作用域鏈

遞歸

react生命周期

react通信機制

js事件流

redux

flex彈性布局

this

promise如何從then轉為catch的

介紹你做過的項目

promise函數

es6模塊新特性

瀏覽器內存泄露，閉包內存泄露如何解決

怎么樣讓頁面加載更快

兼容過IE的方法

緩存

會pc換還是移動端

觀察者模式如何實現

行元素，塊級元素的卻別

css選擇器的優先級

水平垂直居中布局

前端性能優化

閉包的概念，平時如何實現

es6的特性以及這些特性如何實現的

事件冒泡，事件捕獲，事件委托的原理，如何實現委托，事件，委托的有點是什么，事件監聽

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

requirejs組件化

jQuery和vue的區別

vue的特點

vue的雙向綁定原理

談談js設計模式

如何實現訂閱者發者模式

MVVM實現原理

vue生命周期

vue跨組件通信實現

vue的props和slot的使用，區別

vuex的原理

詳細說明解決跨域的方式

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

HTTP狀態碼

重排重繪

談談JS的異步機制

項目中是是如何優化頁面的

如何實現移動端布局，適配方案

call apply bind的區別

深拷貝的實現

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

用過webpack嗎，談一下webpack打包

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

git命令

Linux命令

JS基礎有幾種

流式布局

對前端的了解和個人規劃

html5的新特性

float和position的區別

如何獲取當前日期

html語義化，好處

計算器

清除浮動

盒子模型

border-box和content-box

css偽元素有哪些

打開連接到網頁呈現的流程

HTTP請求頭，響應頭里面有哪些

異步加載JS

JS原型

看哪些技術網站

覺得自己的不足

cookie實現

cookie長度限制

http狀態碼

301 302

性能優化

一個網頁很多很多頁面，怎么樣讓用戶體驗好一點

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

URL長度限制

緩存

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

長連接

有沒有抓過包

有沒有用過代理

DNS

圖片壓縮

gzip

瀏覽器兼容

webpack css兼容

css性能

垂直居中，水平居中

盒子米線

last-modifined，etg怎么樣判斷

css動畫優化

401狀態碼

reflow和repaint

應用層協議有哪些

TCP和UDP

有哪些狀態碼

Ajax如何實現的

Ajax返回204算是成功嗎

settimeout異步

tcp ip分成

vue diff算法

vue的生命周期

pwa

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

transition生命周期

線程和進程的區別

什么是異步

promise是如何解析異步操作的

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

數組去重方法

函數節流和函數防抖知道嗎，區別是什么

TCP和UDP的區別

HTTP1.0和HTTP1.1相關我讓你聽

強緩存和協商緩存知道嗎

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

HTTP1.1中Etg和f-None-Match哪個權重比較大

排序的幾種方法知道嗎，是如何實現的

棧和隊列有什么區別，具體的應用場景

hashmap原理

react中props和state的區別

組件怎么樣拿到redux的數據

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

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

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

preventDefault和stopPropagation的區別

HTTP緩存

https

react的事件綁定和原生有什么區別嗎

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

關于iframe內部和外部變量的讀取是如何的

前端防連擊throttle和debounce

ES6 generator async/await了解嗎

HTTP/2有什么新特性

哈希的原理

如何反轉鏈表

二叉搜索樹的原理

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

對JS單線程的理解

頁面共享數據的方法有哪些

amd，cmd規范

用戶頁面打開很慢，有哪些優化方式

react的虛擬DOM了解什么，這些類型的框架和傳統的jd操作dom的優勢

koa generator能講一下嗎

如何做單側，單側和開發占比應該是多少

hybrid

v-model參數

mvvm，mvc，mvp區別

cdn

網絡安全xss，csfr是什么，怎么樣解決安全

https怎么樣校驗證書有效性

websocket協議，nodejs中有哪些實現了這個協議

TCP/IP體系結構以及每層的主要協議

TCP的三次握手

HTTP各版本比較

數據結構學過什么

js如何實現一個棧

哈希表是怎么樣的結構

說說操作系統的內存管理

怎么樣實現一個服務器

如何刪除一個dom節點

瀏覽器如何渲染頁面的

GitHub的項目問

看過什么書

你是如何理解HTML語義化的

HTML的黑鉆模型有哪些構成的，盒子模型有哪些，默認是哪些

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

浮動元素有沒有什么特性

清除浮動的所有方法

ji基本數據類型

typeof去判斷數據類型返回值有哪些

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

阻止冒泡的函數是什么

cookie有什么特征

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

cookie的其他解決方案

localStorage存儲數據格式是什么

怎么樣把一個數組存進localSorage

storage有哪些存儲方法

html5有哪些新的特性

假設兩臺電腦之間同步畫板如何實現

promise的兩個方法，具體實現

es6用的多的有哪些

箭頭函數

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

vue開發模式和jQuery模式有哪些不同，有哪些優缺點

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

react是如何實現數據綁定的

給數字加千位分隔符

HTTP1 SPDY HTTP2的對比

webkit內核渲染頁面過程

簡單介紹一下backbone

react首次渲染過程

redux和vuex的區別

了解過weex嗎

typescript和es6的區別

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

跨域方式

如何理解html語義化

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

html5有什么新的tag，canvas…

nodejs的優勢，用過nodejs的哪些模塊

預約系統如何解決高并發的問題

kut如何優化react的diff，有去提pr嗎，為什么

簡單說一下ICP UDP

Socks5代理是如何實現的，讀過協議嗎

http狀態碼，307是什么，401和403的區別

酸酸是如何實現穿墻的

如何實現文件上傳的功能

垂直居中的實現

react和vue的區別

介紹一下盒子模型

實現css動畫有哪些

jsonp如何實現，過程

知道哪些http狀態碼

200和304實現緩存的區別

localstorage和cookie的區別，如何設置cookie

表單提交和ajax的區別

calc屬性

symbol

事件監聽

常見的請求方式

tcp和http的區別

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

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

只能用獲取到對象的屬性

小程序的生命周期

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

你怎么樣維持用戶登錄狀態的

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

你最榮耀的事情

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

rem，px，em的區別

協同開發需要注意什么

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