前端來自真實大廠的532道面試題(只有題，沒有答案)

阿新 • • 發佈：2018-12-11

答案自己谷歌或百度找。

一、來源背景

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

二、532道前端真實大廠面試題

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的語言特性嗎

前端來自真實大廠的532道面試題(只有題，沒有答案)

答案自己谷歌或百度找。一、來源背景面試題是來自微博@牛客網釋出的真實大廠前端面經題目，我一直在收集題目長期一個一個的記錄下來的，可能會有重複，但基本前端的面試大綱和需要掌握的知識都在其中了，面試題僅做學習參考，學習者閱後也要用心鑽研其中的原理，重要知識需要系統學

Java 208 道面試題：Java 基礎模組答案

浪費了“黃金五年”的Java程式設計師，還有救嗎？ >>>

【前端小小白的學習之路】整理幾道面試題之（HTTP協議）【轉】

ase 賬號檢測提交數據大型數據集 tor 添加描述分享轉自：http://www.cnblogs.com/ranyonsue/p/5984001.html HTTP簡介 HTTP協議是Hyper Text Transfer Protocol（超文本傳輸

撩課-Web大前端每天5道面試題-Day4

1. 如何實現瀑布流? 瀑布流佈局的原理: 1) 瀑布流佈局要求要進行佈置的元素等寬，然後計算元素的寬度, 與瀏覽器寬度之比，得到需要佈置的列數; 2) 建立一個數組，長度為列數，裡面的值為已佈置元素的總高度（最開始為0）; 3) 然後將未佈置的元素依次佈置到高度最

撩課-Web大前端每天5道面試題-Day5

1.寫一個深度克隆方法(es5)? /** * 深拷貝 * @param {object}fromObj 拷貝的物件 * @param {object}toObj 目標物件 */ function deepCopyObj2NewObj(fromObj, toObj) { for(va

撩課-Web大前端每天5道面試題-Day6

1.請說明ECMAScript, JavaScript, Jscript之間的關係? ECMAScript提供指令碼語言必須遵守的規則、細節和準則，是指令碼語言的規範。比如：ES5，ES6就是具體的一js版本。 JavaScript是ECMAScript的一個分支版本, JavaScript

撩課-Web大前端每天5道面試題-Day7

1. 你能描述一下漸進增強和優雅降級之間的不同嗎? 定義: 優雅降級（graceful degradation): 一開始就構建站點的完整功能，然後針對瀏覽器測試和修復漸進增強（progressive enhancement): 一開始只構建站點的最少特性，然後不斷針對各瀏覽器追加功能。

撩課-Web大前端每天5道面試題-Day8

1. 說說你對作用域鏈的理解? 作用域鏈的作用是保證執行環境裡有權訪問的變數和函式是有序的，作用域鏈的變數只能向上訪問，變數訪問到window物件即被終止，作用域鏈向下訪問變數是不被允許的; 作用域就是變數與函式的可訪問範圍，即作用域控制著變數與函式的可見性和生命週期。

撩課-Web大前端每天5道面試題-Day9

1. 請用至少3中方式實現陣列去重? 方法一: indexOf var arr1=[1,2,3,4,5,4,3,2,1]; function repeat1(arr){ for(var i=0,arr2=[];i<arr.length;i++){ if(arr2.ind

撩課-Web大前端每天5道面試題-Day11

1. 如何手寫一個JQ外掛? 方式一: $.extend(src) 該方法就是將src合併到JQ的全域性物件中去: $.extend({ log: ()=>{alert('撩課itLike');} }); 方式二: $.fn.extend(src) 該方法將src合併到jqu

撩課-Web大前端每天5道面試題-Day13

1、前端需要注意哪些SEO? 合理的title、description、keywords：搜尋對著三項的權重逐個減小，title值強調重點即可，重要關鍵詞出現不要超過2次，而且要靠前，不同頁面title要有所不同；description把頁面內容高度概括，長度合適，不可過分堆砌關鍵詞，不同頁面desc

撩課-Web大前端每天5道面試題-Day15

1.請描述一下 cookies，sessionStorage 和 localStorage 的區別？ cookie是網站為了標示使用者身份而儲存在使用者本地終端（Client Side）上的資料（通常經過加密）。 cookie資料始終在同源的http請求中攜帶（即使不需要），記會在瀏覽器

撩課-Web大前端每天5道面試題-Day16

1.for迴圈中的作用域問題? 寫出以下程式碼輸出值，嘗試用es5和es6的方式進行改進輸出迴圈中的i值。 for (var i=1; i<=5; i++) { setTimeout(function timer() { console.log(i); },

撩課-Web大前端每天5道面試題-Day17

1.apply, call和bind有什麼區別? 三者都可以把一個函式應用到其他物件上，注意不是自身物件． apply,call是直接執行函式呼叫，bind是繫結，執行需要再次呼叫． apply和call的區別是apply接受陣列作為引數，而call是接受逗號分隔的無限多個引數列表. 程式碼如下:

Web大前端每天5道面試題

1.apply, call和bind有什麼區別? 複製程式碼三者都可以把一個函式應用到其他物件上，注意不是自身物件． apply,call是直接執行函式呼叫，bind是繫結，執行需要再次呼叫． apply和call的區別是apply接受陣列作為引數，而call是接受逗號分隔的無限多個引數列表. 程式

撩課-Web大前端每天5道面試題-Day20

1.vue生命週期的作用是什麼？它的生命週期中有多個事件鉤子，讓我們在控制整個Vue例項的過程時更容易形成好的邏輯。 2. Vue實現資料雙向繫結的原理：Object.defineProperty（）? vue實現資料雙向繫結主要是：採用資料劫持結合釋出者-訂閱者模式

撩課-Web大前端每天5道面試題-Day21

1.對async、await的理解，內部原理？ ①async---宣告一個非同步函式：自動將常規函式轉換成promise，返回值也是一個promise物件，只有async函式內部的非同步操作執行完，才會執行then方法指定的回撥函式，內部可以使用await； ②await--暫停非同

撩課-Web大前端每天5道面試題-Day22

1.mvvm和mvc區別？它和其它框架（jquery）的區別是什麼？哪些場景適合？ mvc和mvvm其實區別並不大。都是一種設計思想。主要就是mvc中Controller演變成mvvm中的viewModel。 mvvm主要解決了mvc中大量的DOM 操作使頁面渲染效能降低，載入速度變慢，

web前端常見二十道面試題

01 作用域 var num1 = 55; var num2 = 66; function f1(num, num1){ // var num = 55; // var num1 = 66; num = 100; num1 = 100; num2

撩課-Web大前端每天5道面試題-Day23

1、為什麼用Nodejs,它有哪些優缺點？優點：事件驅動，通過閉包很容易實現客戶端的生命活期。不用擔心多執行緒，鎖，平行計算的問題 V8引擎速度非常快對於遊戲來說，寫一遍遊戲邏輯程式碼，前端後端通用缺點： nodejs更新很快，可能會出現版本相容 nodejs還不算成熟，還沒有大製作 nod

前端來自真實大廠的532道面試題(只有題，沒有答案)

一、來源背景

二、532道前端真實大廠面試題

相關推薦