前端面試 | 2017各大互聯網公司前端面試題匯總

過去的一年裡，行業整體對前端需求還是 供大於求。不過大一點的互聯網公司對前端要求越來越高，而一些較為小型的創業公司對前端的要求相對低一點，要求已快速上手為主。過去的一年前端發展很迅速，會React的或者React Native的會比較吃香，而傳統的IE6兼容性幾乎不再考察了。下面簡單羅列一些知名企業的前端面試問題，希望有所幫助。（題目不分先後，不分題目已經是老生常談，也羅列出來了）

百度篇

1 寫出javascript運行結果：

for(var i=0; i<10; i++){} alert(i);

2 Cookie、sessionStorage、localStorage的區別

3 JSONP原理

4 簡述css盒模型

5 說說get和post請求的區別

6 運行結果

var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a.x); console.log(b.x)

7 說說類的創建、繼承和閉包。

8 是否有設計過通用的組件？

請設計一個 Dialog（彈出層） / Suggestion（自動完成） / Slider（圖片輪播） 等組件,你會提供什麼介面？調用過程是怎樣的？可能會遇到什麼細節問題？

9 一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情？越詳細越好(考察知識廣度)

10 什麼是 「use strict」? 使用它的好處和壞處是什麼？

對於web前端的學習有不懂的，或者不知道學習路線，不知道學習方法，不知道該如何紮實能找到工作的朋友，我還是要推薦下我自己建的前端學習群：477149581，首先你要是前端黨，其次不管你是小白還是大牛，我都挺歡迎，小白嘛，主動點多問問題也就學好了，群里每天分享乾貨，包括我自己最近花了一星期整理的一份適合2017年自學的最新web前端資料，送給大家，歡迎初學和進階中的小夥伴。

阿里巴巴篇

1 創建一個1-100的數組，按順序遞增

2 說說前端跨域的解決方式

3 JavaScript實現繼承的常用方法有哪些？你推薦的是哪一種？

4 在項目開發完成之後，根據雅虎性能優化規則，需要對html，JS，CSS，圖片需要做出怎樣的處理？是否可以藉助構建工具實現自動化？

5 說說前端中的事件流？

6 JS 中的原型鏈是什麼？

7 有一個長度為100的數組，請以優雅的方式求出該數組的前10個元素之和

8 了解過flex布局嗎？說說它和傳統布局的有何不同？

9 移動端的圖片優化實踐方式有哪些？

10 請編寫一個JavaScript函數 parseQueryString，它的用途是把URL參數解析為一個對象

11 xss和csrf分別是什麼？

12 說說前端如何解決非同步回調地獄？

13 淘寶那裡的商品項，如圖片，滾動到了才載入，你知道怎麼實現么

14 實現1px 像素線條

15 你知道什麼是CSS reset么？

騰訊篇

1 說出前端link和import的區別

2 讓你設計一個web站點，假如只有你一個人設計實現，前端後端都讓你一個人負責，具體你要怎麼做？

3 你用原生的js多麼，原生js發送ajax請求一般要經過哪些步驟

4 你能講講304緩存的原理嗎?

5 你有經常使用CSS吧，水平垂直居中怎麼實現？

6 Javascript是一種弱類型語言，它分別有什麼優點和缺點？

7 在js里call與apply有什麼相同和不同？

8 你用JS實現過一些基本的數據結構嗎？

9 node.js用過么？主要用它來做些什麼

美團前端

1 說說 http緩存

2 一個浮動的div後面又跟了一個div，在頁面上是怎麼布局的

3 有了解ES6么？如何了解的？關於使用？

4 常見的http狀態碼都有哪些？

5 對react,vue，或者angular有過接觸么？他們之前的差異你能簡單說下？

6 說說JS面向對象 原型鏈 繼承,並用簡單的代碼演示說明

7 用得比較多的前端框架是哪些?有看過源碼么？有哪些看過源碼啊？

8 ajax的readystate有5個狀態 ，每個狀態表示什麼？

9 AMD與CMD

360篇

1 下面代碼的輸出值是：

alert(1&&2)

2 正則表達式匹配，開頭為11N, 12N或1NNN，後面是-7-8個數字的電話號碼

3 寫出下面代碼的輸出值

var obj = { a: 1, b: function {console.log(this.a)} };var a = 2; var objb = obj.b;obj.b; objb; obj.b.call(window);

4 寫出下列代碼在各個瀏覽器中的顏色值?

background: red; _background: green; *background: blue;background: black9;

5 輸出下面的值：

var a = 1; function b { var a = 2; function c { console.log(a); } return c;}b;

6 簡述在IE下mouseover和mouseenter的區別？

網易互聯網

1 給出設計圖實現HTML/CSS/js 實現表單ajax提交並刷新頁面？

2 給Object擴展一個方法clone，實現深度克隆對象

3 輸入兩個數字，輸出這兩個數字的最大公約數。如16，4輸出4

4 說說 React 中的virtual dom原理？

5 css實現超出字體內容出現 ...

6 css position 中有哪些值可以使用？

嘀嘀打車

1 location.replace/loation.asign的區別？

2 對於浮動的理解，清除浮動的方法及原理？

3 前後端分離及前後端協同開發方案

4 angular數據綁定採用什麼機制？遠離是什麼？

5 ng-if與ng-show/hide的區別[Angular方面]?

6 從前公司學到了那些優秀經驗

7 常用瀏覽器及內核，對於渲染引擎與js解釋引擎的區分

8 如何判斷不同的瀏覽器

9 transform 都可以有哪些值？

10 css3怎麼實現花瓣飄落效果？