【前方高能】新手到高級前端攻城獅都用的上的前端面試題庫，備戰明年金三銀四

寫在前面

如今面試文章已不少，更不以爲新鮮，本文可能有點不一樣，正由於「多」也就纔有了本文的輸出。

相信不少前端小夥伴也包括我在內，面試前都要作一些準備，而作作面試題是最日常不過的事兒了，然而每次面試前都要現找面試題，並且答案也不是現成的，其實這樣重複的事情在不知不覺中浪費你不少時間。

也就由於發現了這個問題，纔有了把面試題進行整理的想法，但願能對一些人有所幫助，節省一點時間吧。

題目整理

這1個多月來一直在整理前端領域相關的面試題，閱讀查看了將近100多篇的面試文章，文章大多來自技術社區，如掘金、思否等，因爲不少文章的題目重複性較大，因此整理起來比較費事。

到目前爲止已經收集了將近500道，包含問答題、代碼題、高頻基礎、大廠題目等。

下面是部分問題，因爲時間精力問題解析還沒來得及寫，目前指向了原文。

第1題 談談變量提高？

參考解析

參考解析

第2題 說說bind、call、apply的 區別？

參考解析

參考解析

第3題 如何實現一個 bind 函數？

參考解析

參考解析

第4題 請實現一個 call 函數

參考解析

參考解析

第5題 如何實現一個 apply 函數？

參考解析

參考解析

第6題 簡單說下原型鏈？

參考解析

參考解析

第7題 怎麼判斷對象類型？

參考解析

參考解析

第8題 說說箭頭函數的特色

參考解析

參考解析

第9題 如何肯定This指向

參考解析

參考解析

第10題 async、await 的優缺點

參考解析

參考解析

第11題 generator 原理

參考解析

參考解析

第12題 對Promise的理解

參考解析

參考解析

第13題 == 和 ===區別，什麼狀況用 ==

參考解析

參考解析

第14題 垃圾回收 新生代算法，老生代算法

參考解析

參考解析

第15題 說說你對閉包的理解

參考解析

參考解析

第16題 基本數據類型和引⽤類型在存儲上的差異

參考解析

參考解析

第17題 瀏覽器 Eventloop 和 Node 中的有什麼區別

參考解析

參考解析

第18題 怎樣理解setTimeout 執行偏差

參考解析

參考解析

第19題 說說函數節流和防抖

參考解析

參考解析

第20題 數組降維

參考解析

參考解析

第21題 請實現一個深拷貝

參考解析

參考解析

第22題 typeof 於 instanceof 區別

參考解析

參考解析

第23題 cookie和localSrorage、session、indexDB 的區別

參考解析

參考解析

第24題 怎麼判斷頁面是否加載完成？

參考解析

參考解析

第25題 說說 jsonp 原理

參考解析

參考解析

第26題 說說你對Service worker的理解

參考解析

參考解析

第27題 說說瀏覽器緩存機制

參考解析

參考解析

第28題 怎樣選擇合適的緩存策略

參考解析

參考解析

第29題 說說重繪（Repaint）和迴流（Reflow）

參考解析

參考解析

第30題 如何優化圖片

參考解析

參考解析

第31題 頁面首屏渲染性能優化方案有哪些

參考解析

參考解析

第32題 瀏覽器性能問題-使用 Webpack 優化項目

參考解析

參考解析

第33題 Babel 原理

參考解析

參考解析

第34題 介紹下React 生命週期

參考解析

參考解析

第35題 react setState 機制

參考解析

參考解析

第36題 Vue的 nextTick 原理

參考解析

參考解析

第37題 Vue 生命週期

參考解析

參考解析

第38題 Vue 雙向綁定

參考解析

參考解析

第39題 v-model原理

參考解析

參考解析

第40題 watch 和 computed 的區別和運用的場景

參考解析

參考解析

第41題 Vue 的父子通訊

參考解析

參考解析

第42題 簡述路由原理

參考解析

參考解析

第43題 MVVM-髒數據檢測

參考解析

參考解析

第44題 MVVM-數據劫持

參考解析

參考解析

第45題 React V16 生命週期函數用法

參考解析

參考解析

第46題 Vue 和 React 區別

參考解析

參考解析

第47題 介紹下虛擬 DOM，對虛擬 DOM 的理解

參考解析

參考解析

第48題 路由鑑權

參考解析

參考解析

第49題 TCP 3次握手

參考解析

參考解析

第50題 TCP 擁塞控制

參考解析

參考解析

第51題 慢開始算法

參考解析

參考解析

第52題 擁塞避免算法

參考解析

參考解析

第53題 tcp 快速重傳

參考解析

參考解析

第54題 TCP New Ren 改進後的快恢復

參考解析

參考解析

第55題 HTTPS 握手

參考解析

參考解析

第56題 從輸入 URL 到頁面加載全過程

參考解析

參考解析

第57題 HTTP 經常使用狀態碼 301 302 304 403

參考解析

參考解析

第58題 常見排序-冒泡排序

參考解析

參考解析

第59題 常見排序-插入排序

參考解析

參考解析

第60題 常見排序-選擇排序

參考解析

參考解析

第61題 常見排序-歸併排序

參考解析

參考解析

第62題 常見排序-快排

參考解析

參考解析

第63題 常見排序-堆排序

參考解析

參考解析

第64題 常見排序-系統自帶排序實現

參考解析

參考解析

第65題 介紹下設計模式-工廠模式

參考解析

參考解析

第66題 介紹下設計模式-單例模式

參考解析

參考解析

第67題 介紹下設計模式-適配器模式

參考解析

參考解析

第68題 介紹下設計模式-裝飾模式

參考解析

參考解析

第69題 介紹下設計模式-代理模式

參考解析

參考解析

第70題 介紹下設計模式-發佈-訂閱模式

參考解析

參考解析

第71題 Vue 響應式原理

參考解析

參考解析

第72題 實現一個new操做符

參考解析

參考解析

第73題 實現一個JSON.stringify

參考解析

參考解析

第74題 實現一個JSON.parse

參考解析

參考解析

第75題 手寫一個繼承

參考解析

參考解析

第76題 實現一個JS函數柯里化

參考解析

參考解析

第77題 請手寫一個Promise(中高級必考)

參考解析

參考解析

第78題 手寫防抖(Debouncing)和節流(Throttling)

參考解析

參考解析

第79題 實現一個instanceOf

參考解析

參考解析

第80題 實現一個私有變量

參考解析

參考解析

第81題 使用setTimeout代替setInterval進行間歇調用

參考解析

參考解析

第82題 數組中的forEach和map的區別

參考解析

參考解析

第83題 for in和for of的區別

參考解析

參考解析

第84題 寫一個發佈訂閱 EventEmitter方法

參考解析

參考解析

第85題 let、var、const區別

參考解析

參考解析

第86題 typeof和instanceof 區別

參考解析

參考解析

第87題 常見的繼承的幾種方法

參考解析

參考解析

第88題 常見的瀏覽器內核有哪些?

參考解析

參考解析

第89題 瀏覽器的主要組成部分是什麼？

參考解析

參考解析

第90題 瀏覽器是如何渲染UI的？

參考解析

參考解析

第91題 瀏覽器如何解析css選擇器？

參考解析

參考解析

第92題 DOM Tree是如何構建的？

參考解析

參考解析

第93題 重繪與重排的區別？

參考解析

參考解析

第94題 如何觸發重排和重繪？

參考解析

參考解析

第95題 如何避免重繪或者重排？

參考解析

參考解析

第96題 前端如何實現即時通信？

參考解析

參考解析

第97題 什麼是瀏覽器同源策略？

參考解析

參考解析

第98題 怎樣解決跨域問題？

參考解析

參考解析

第99題 時間格式化

參考解析

參考解析

第100題 說說對html 語義化的理解

參考解析

參考解析

第101題 說說經常使用的 meta 標籤

參考解析

參考解析

第102題 說說兩種盒模型以及區別

參考解析

參考解析

第103題 css reset 和 normalize.css 有什麼區別

參考解析

參考解析

第104題 怎樣讓元素水平垂直居中

參考解析

參考解析

第105題 說說選擇器的權重計算方式

參考解析

參考解析

第106題 清除浮動的方法

參考解析

參考解析

第107題 說說你對 BFC 的理解

參考解析

參考解析

第108題 import 和 link 區別

參考解析

參考解析

第109題 說下 [1, 2, 3].map(parseInt) 結果

參考解析

參考解析

第110題 介紹下瀏覽器事件委託

參考解析

參考解析

第111題 10w 條記錄的數組，一次性渲染到頁面上，如何處理能夠不凍結UI？

參考解析

參考解析

第112題 如何實現一個左右固定，中間自適應的三欄佈局

參考解析

參考解析

第113題 如何實現一個自適應的正方形

參考解析

參考解析

第114題 如何用css實現一個三角形

參考解析

參考解析

第115題 介紹下 positon 屬性

參考解析

參考解析

第116題 說說漸進加強和優雅降級

參考解析

參考解析

第117題 defer和async區別

參考解析

參考解析

第118題 實現sleep函數

參考解析

參考解析

第119題 實現 lazyMan

參考解析

參考解析

第120題 獲取元素的最終background-color

參考解析

參考解析

因爲篇幅問題我就不所有列出了。請繼續往下看。

碎片時間系統刷題

爲了方便管理和維護這些題目，同時爲前端小夥伴兒提供更好看題體驗，我簡單作了一個題庫網站-大前端面試題庫，宗旨是充分利用你們的碎片時間，在上下班，地鐵公交上刷刷題，日積月累，儘可能避免臨時抱佛腳的局面。

另外對面試題作了一個簡單的類型劃分，進行分類劃分的重要性不言而喻，碎片化的信息會極大的消耗咱們精力，同時也不利於咱們記憶，人腦天然的更喜歡結構化的，有規則的信息，經過系統的只處理同一種類型的問題來下降大腦的損耗，增強咱們對知識的理解和記憶。

分類大概爲js、經典高頻、編程題、大廠題、html、css、佈局、瀏覽器、性能、前端框架、react、vue、web 安全、數據結構和算法、http、tcp、node、設計模式等。

這個網站是用的我本身的 react ssr 開發骨架作的，目前支持 pc 和移動端瀏覽。

看下頁面效果

解析/答案

因爲我的精力有限，一時沒法寫完全部的問題解析。目前仍在繼續完善中，這個過程也是對本身一種提高和沉澱，我以爲這個價值很大。

不過爲了方便你們校對答案，大部分問題的解析我單獨作了連接跳轉，指向了原文，可直接跳轉到來源文章查看解析。

一點心得

這個題庫的價值不僅是用來刷題，他的價值在於問題自己，問題自己比答案更重要。

經過問題來驗證本身的知識技能，覈對本身對知識的掌握程度，這徹底能夠當作一種學習方法來執行。

當咱們遇到的問題越多，理解和解決的問題越多，相對的咱們的能力就會越強。 這500+看上去確實挺多的了，覆蓋面也挺廣了，可是前端技術突飛猛進，新技術新思路層出不窮，相關的問題也會不斷的更新迭代，因此這個題庫還要繼續更新，後面繼續把更有針對性的問題收集進來。

以上一些觀點有些屬於本人自嗨，如今迴歸初心，收集題庫並建立題庫站的最終目的是但願幫一些人提高一點效率，節約一點時間，利用碎片時間，上下班地鐵上刷個題，若是還能幫你提高技能，提高搞定面試的概率，那就最好不過了。

題庫入口1

爲了方便你們找到入口不迷路，題庫入口綁定到了公衆號的獨立菜單。

個人公衆號是-《前端技術江湖》，主要是我的的原創和一些工做心得的輸出，能夠及時的得到題庫的更新通知，另外還有不少優質文章和前端學習資料，但願你們多多關注。

題庫入口2

網站入口 - 大前端面試刷題- http://bigerfe.com/，內有福利哦。

最後一件事

我正在打造一個純技術交流羣，面向初中級前端開發者，以學習、交流、思考、提高能力爲目標，由於一我的學不如你們一塊兒學，有了更多的交流纔會進步的更快。

我理想的模式是，每期讓一我的深刻學習一個技術，而後本身再轉述給你們聽，相似一個分享課堂，這樣能夠成倍的提高學習效率。

或者能夠按照題庫的順序依次進行，每人天天對對一個問題進行思考和總結性的輸出，鍛鍊技術的同時提高表達能力。

在這個羣裏不用擔憂本身的能力不足，不用擔憂問題是否過小白而不敢說，大膽的說出問題， 讓更多的人一塊兒來分析，說錯了也不要緊。

有想加入請的關注公衆號《前端技術江湖》，回覆‘進羣’，我拉你進羣。

---

但願本文能夠給你帶了一些幫助和便利，文中若有錯誤，歡迎在評論區指。 若是這篇文章幫助到了你，歡迎點贊和關注。