2016各大互聯網公司前端面試題彙總

百度篇

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」? 使用它的好處和壞處是什麼？

 

阿里巴巴篇

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: black\9; 

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怎麼實現花瓣飄落效果？

擴展

2015-2016前端知識體系

前端技能彙總

年後跳槽如何準備？

參考

http://www.cnblogs.com/dojo-lzz/p/4707725.html

http://web.jobbole.com/85156/

http://qun.jikexueyuan.com/tiku/topic/370

http://blog.csdn.net/haluoluo211/article/details/51374788

http://www.kanzhun.com/k-bishijingyan/1453869.html

http://m.blog.csdn.net/article/details?id=51351801

http://www.cnblogs.com/yxy99/p/5398617.html 
http://blog.csdn.net/datou0529/article/details/51443465

http://www.ujiuye.com/jiuye/2016/1267.html

https://github.com/fex-team/interview-questions

http://www.cnblogs.com/imwtr/p/4685674.html

https://www.nowcoder.com/discuss/246

http://www.voidcn.com/blog/u014787301/article/p-5965315.html

http://www.duxuan.cn/doc/23632206.html