面試自測，2016年BAT前端面試題匯總
來源：
奇酷教育 發表于：
據數據調查，在過去的一年里，互聯網公司對前端要求越來越高，前端發展很迅速，會React的或者React Native會更加吃香，而傳統的IE6兼容性
據數據調查，在過去的一年里，互聯網公司對前端要求越來越高，前端發展很迅速，會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”? 使用它的好處和壞處是什么？
阿里巴巴篇
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怎么實現花瓣飄落效果？
