面試自測(cè),2016年BAT前端面試題匯總
來(lái)源:
奇酷教育 發(fā)表於:
據(jù)數(shù)據(jù)調(diào)查,在過(guò)去的一年裡,網(wǎng)際網(wǎng)路公司對(duì)前端要求越來(lái)越高,前端發(fā)展很迅速,會(huì)React的或者React Native會(huì)更加吃香,而傳統(tǒng)的IE6兼容性
據(jù)數(shù)據(jù)調(diào)查,在過(guò)去的一年裡,網(wǎng)際網(wǎng)路公司對(duì)前端要求越來(lái)越高,前端發(fā)展很迅速,會(huì)React的或者React Native會(huì)更加吃香,而傳統(tǒng)的IE6兼容性幾乎不再考察了。下面簡(jiǎn)單羅列一些知名企業(yè)的前端面試問(wèn)題。大家來(lái)自測(cè)一下自己能在哪個(gè)上市公司走上人生巔峰~
百度篇
1 寫(xiě)出javascript運(yùn)行結(jié)果:
for(var i=0; i<10; i++){} alert(i);
2 Cookie、sessionStorage、localStorage的區(qū)別
3 JSONP原理
4 簡(jiǎn)述css盒模型
5 說(shuō)說(shuō)get和post請求的區(qū)別
6 運(yùn)行結(jié)果
var a = {n: 1} var b = a;
a.x = a = {n: 2} console.log(a.x); console.log(b.x)
7 說(shuō)說(shuō)類(lèi)的創(chuàng)建、繼承和閉包。
8 是否有設(shè)計(jì)過(guò)通用的組件?
請設(shè)計(jì)一個(gè) Dialog(彈出層) / Suggestion(自動(dòng)完成) / Slider(圖片輪播) 等組件,你會(huì)提供什麼接口?調(diào)用過(guò)程是怎樣的?可能會(huì)遇到什麼細(xì)節(jié)問(wèn)題?
9 一個(gè)頁(yè)面從輸(shū)入 URL 到頁(yè)面加載完的過(guò)程中都發(fā)生了什麼事情?越詳細(xì)越好(考察知識廣(guǎng)度)
10 什麼是 “use strict”? 使用它的好處和壞處是什麼?
阿里巴巴篇
1 創(chuàng)建一個(gè)1-100的數(shù)組,按順序遞增
2 說(shuō)說(shuō)前端跨域的解決方式
3 JavaScript實(shí)現(xiàn)繼承的常用方法有哪些?你推薦的是哪一種?
4 在項(xiàng)目開(kāi)發(fā)完成之後,根據(jù)雅虎性能優(yōu)化規(guī)則,需要對(duì)html,JS,CSS,圖片需要做出怎樣的處理?是否可以藉助構(gòu )建工具實(shí)現(xiàn)自動(dòng)化?
5 說(shuō)說(shuō)前端中的事件流?
6 JS 中的原型鏈是什麼?
7 有一個(gè)長(zhǎng)度為100的數(shù)組,請以優(yōu)雅的方式求出該數(shù)組的前10個(gè)元素之和
8 了解過(guò)flex布局嗎?說(shuō)說(shuō)它和傳統(tǒng)布局的有何不同?
9 移動(dòng)端的圖片優(yōu)化實(shí)踐方式有哪些?
10 請編寫(xiě)一個(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 像素線(xiàn )條
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請求一般要經(jīng)過(guò)哪些步驟
4 你能講講304緩存的原理嗎?
5 你有經(jīng)常使用CSS吧,水平垂直居中怎麼實(shí)現(xiàn)?
6 Javascript是一種弱類(lèi)型語言,它分別有什麼優(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面向對(duì)象 原型鏈 繼承,並用簡(jiǎn)單的代碼演示說(shuō)明
7 用得比較多的前端框架是哪些?有看過(guò)源碼麼?有哪些看過(guò)源碼啊?
8 ajax的readystate有5個(gè)狀態(tài) ,每個(gè)狀態(tài)表示什麼?
9 AMD與CMD
360篇
1 下面代碼的輸(shū)出值是:
alert(1&&2)
2 正則表達(dá)式匹配,開(kāi)頭為11N, 12N或1NNN,後面是-7-8個(gè)數(shù)字的電話(huà)號(hào)碼
3 寫(xiě)出下面代碼的輸(shū)出值
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 寫(xiě)出下列代碼在各個(gè)瀏覽器中的顏色值?
background: red;
_background: green;
*background: blue;background: black\9;
5 輸(shū)出下面的值:
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擴展一個(gè)方法clone,實(shí)現(xiàn)深度克隆對(duì)象
3 輸(shū)入兩(liǎng)個(gè)數(shù)字,輸(shū)出這兩(liǎng)個(gè)數(shù)字的最大公約數(shù)。如16,4輸(shū)出4
4 說(shuō)說(shuō) React 中的virtual dom原理?
5 css實(shí)現(xiàn)超出字體內(nèi)容出現(xiàn) ...
6 css position 中有哪些值可以使用?
嘀嘀打車(chē)
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)花瓣飄落效果?