據(jù)數(shù)據(jù)調(diào)查，在過(guò)去的一年里，互聯(lián)網(wǎng)公司對(duì)前端要求越來(lái)越高，前端發(fā)展很迅速，會(huì)React的或者React Native會(huì)更加吃香，而傳統(tǒng)的IE6兼容性幾乎不再考察了。下面簡(jiǎn)單羅列一些知名企業(yè)的前端面試問(wèn)題。大家來(lái)自測(cè)一下自己能在哪個(gè)上市公司走上人生巔峰~
請(qǐng)?jiān)O(shè)計(jì)一個(gè) Dialog（彈出層） / Suggestion（自動(dòng)完成） / Slider（圖片輪播） 等組件,你會(huì)提供什么接口？調(diào)用過(guò)程是怎樣的？可能會(huì)遇到什么細(xì)節(jié)問(wèn)題？
4 在項(xiàng)目開(kāi)發(fā)完成之后，根據(jù)雅虎性能優(yōu)化規(guī)則，需要對(duì)html，JS，CSS，圖片需要做出怎樣的處理？是否可以借助構(gòu)建工具實(shí)現(xiàn)自動(dòng)化？
6 JS 中的原型鏈?zhǔn)鞘裁矗?/div>
7 有一個(gè)長(zhǎng)度為100的數(shù)組，請(qǐng)以優(yōu)雅的方式求出該數(shù)組的前10個(gè)元素之和
8 了解過(guò)flex布局嗎？說(shuō)說(shuō)它和傳統(tǒng)布局的有何不同？
9 移動(dòng)端的圖片優(yōu)化實(shí)踐方式有哪些？
10 請(qǐng)編寫一個(gè)JavaScript函數(shù) parseQueryString，它的用途是把URL參數(shù)解析為一個(gè)對(duì)象
11 xss和csrf分別是什么？
12 說(shuō)說(shuō)前端如何解決異步回調(diào)地獄？
13 淘寶那里的商品項(xiàng)，如圖片，滾動(dòng)到了才加載，你知道怎么實(shí)現(xiàn)么
14 實(shí)現(xiàn)1px 像素線條
15 你知道什么是CSS reset么？
騰訊篇
1 說(shuō)出前端link和import的區(qū)別
2 讓你設(shè)計(jì)一個(gè)web站點(diǎn)，假如只有你一個(gè)人設(shè)計(jì)實(shí)現(xiàn)，前端后端都讓你一個(gè)人負(fù)責(zé)，具體你要怎么做？
3 你用原生的js多么，原生js發(fā)送ajax請(qǐng)求一般要經(jīng)過(guò)哪些步驟
4 你能講講304緩存的原理嗎?
5 你有經(jīng)常使用CSS吧，水平垂直居中怎么實(shí)現(xiàn)？
6 Javascript是一種弱類型語(yǔ)言，它分別有什么優(yōu)點(diǎn)和缺點(diǎn)？
7 在js里call()與apply()有什么相同和不同？
8 你用JS實(shí)現(xiàn)過(guò)一些基本的數(shù)據(jù)結(jié)構(gòu)嗎？
9 node.js用過(guò)么？主要用它來(lái)做些什么
美團(tuán)前端
1 說(shuō)說(shuō) http緩存
2 一個(gè)浮動(dòng)的div后面又跟了一個(gè)div，在頁(yè)面上是怎么布局的
3 有了解ES6么？如何了解的？關(guān)于使用？
4 常見(jiàn)的http狀態(tài)碼都有哪些？
5 對(duì)react,vue，或者angular有過(guò)接觸么？他們之前的差異你能簡(jiǎn)單說(shuō)下？
6 說(shuō)說(shuō)JS面向?qū)ο?原型鏈 繼承,并用簡(jiǎn)單的代碼演示說(shuō)明
7 用得比較多的前端框架是哪些?有看過(guò)源碼么？有哪些看過(guò)源碼?。?/div>
8 ajax的readystate有5個(gè)狀態(tài) ，每個(gè)狀態(tài)表示什么？
9 AMD與CMD
360篇
1 下面代碼的輸出值是：
alert(1&&2)
2 正則表達(dá)式匹配，開(kāi)頭為11N, 12N或1NNN，后面是-7-8個(gè)數(shù)字的電話號(hào)碼
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 寫出下列代碼在各個(gè)瀏覽器中的顏色值?
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 簡(jiǎn)述在IE下mouseover和mouseenter的區(qū)別？
網(wǎng)易
1 給出設(shè)計(jì)圖實(shí)現(xiàn)HTML/CSS/js 實(shí)現(xiàn)表單ajax提交并刷新頁(yè)面？
2 給Object擴(kuò)展一個(gè)方法clone，實(shí)現(xiàn)深度克隆對(duì)象
3 輸入兩個(gè)數(shù)字，輸出這兩個(gè)數(shù)字的最大公約數(shù)。如16，4輸出4
4 說(shuō)說(shuō) React 中的virtual dom原理？
5 css實(shí)現(xiàn)超出字體內(nèi)容出現(xiàn) ...
6 css position 中有哪些值可以使用？
嘀嘀打車
1 location.replace/loation.asign的區(qū)別？
2 對(duì)于浮動(dòng)的理解，清除浮動(dòng)的方法及原理？
3 前后端分離及前后端協(xié)同開(kāi)發(fā)方案
4 angular數(shù)據(jù)綁定采用什么機(jī)制？遠(yuǎn)離是什么？
5 ng-if與ng-show/hide的區(qū)別[Angular方面]?
6 從前公司學(xué)到了那些優(yōu)秀經(jīng)驗(yàn)
7 常用瀏覽器及內(nèi)核，對(duì)于渲染引擎與js解釋引擎的區(qū)分
8 如何判斷不同的瀏覽器
9 transform 都可以有哪些值？
10 css3怎么實(shí)現(xiàn)花瓣飄落效果？
您現(xiàn)在所在的位置：首頁(yè) >學(xué)員就業(yè) > 就業(yè)寶典 > 面試自測(cè)，2016年BAT前端面試題匯總
