前端實習面經(回饋牛客網)

春招結束了，最終收到了心儀的offer，因爲樓主比較水因此面試的問題也比較基礎，發出來給各位同窗作個基礎篇參考

美團(上海現場面)

一面

自我介紹

說一下瀏覽器從輸入URL到渲染完頁面的整個過程

JS如何計算瀏覽器的渲染時間?

瀏覽器緩存講講

var的變量提高的底層原理是什麼?

event loop講講(作了兩道題)

閉包原理是什麼?(作了一道題)

JS的回收機制說一下(計數清除(IE9之前,可能形成內存泄漏)，標記清除(V8))

數組經常使用的方法有哪些?

WebSocket的底層原理講講

你的聊天室項目，若是數據傳輸出錯怎麼辦?(後面想了想這裏面試官可能想問的是checksum和錯誤重傳機制？當時沒想到，說了點UDP的不足和TCP的錯誤檢測)

場景題：

Q: 如今有一大段文字，如何在頁面中設置一個窗口滾動播出這段文字?

A: 用輪播圖思想balabala...

Q: 那你怎麼解決卡頓問題?

Q: 以前有寫過輪播圖demo嗎?

垂直水平居中的方式(說知道寬高和不知道寬高的兩種狀況)

若是寬高不一樣呢?

若是一個元素不設置width,那他的margin有用嗎?

分析一下你說的幾個方法(flex grid table-cell margin transform)的兼容性，若是要兼容IE你會選哪一個?

實現一個三欄佈局，中間自適應你知道幾種方法?(float absolute table flex 聖盃)

算法題：給一個無序數字數組，裏面是隨機的數，並給出一個目標值，求這個數組裏的兩個數，這兩個數的和等於目標值。要求求出這兩個數並給出下標，你能想到的最優的辦法是什麼?(快排 + 雙指針)

有什麼想問個人嗎? (略)

二面

自我介紹

算法題兩個：

第一題跟一面的相同，我說以前作過了而且說了思想並糾正了一面的不足

第二題是給一個無序數組，讓我分割成m組，這m組裏和最大的一組要是全部可能的分割狀況裏最小的。(二分答案法)

對框架的瞭解

Webpack的原理

原型鏈

__proto__和prototype分別是什麼?

原型鏈原理

在原型鏈上Object再往上是什麼?

new和Object.create的區別

哪一種狀況下__proto__和prototype的指向是同一個?

typeof array null undefined NaN分別是什麼?

把undefined和null轉成Number分別是什麼?

如何判斷是否爲數組?

A: instanceOf和constructor能夠，可是有原型鏈斷裂的風險，Object.prototype.toString.call()最穩定

Q: 原型鏈斷裂了之後結果是什麼?

A: Obejct

若是讓你實現一個Promise你怎麼實現?

有什麼想問個人? (略)

師兄回來講leader一會想加面一場

HR面

（略）

加面

先看了個人前幾回面試評價和寫的算法題

怎麼學前端的? 看了那些書?

博客寫了多少篇?

你的技術亮點在哪?

寫一下實現柯里化

你對三大框架的理解是什麼?

以前實習作了啥?(主要是前端性能優化)

講講前端性能優化

Node.js瞭解多少?

有什麼問題想問我?

百度（牛客視頻三面，問的比較基礎，動手比較多）

一面

自我介紹，學習方法

你遇到的最有難度的技術問題是什麼？

redux原理講講

瞭解web移動端開發嗎？移動端適配方案有哪些？

你有Native開發經驗，那講講Android如何調用頁面資源

行內元素和塊級元素有哪些?Img屬於什麼元素?

margin坍塌

BFC原理講講

寫一下清除浮動

寫一下不知道寬高元素垂直水平居中寫一下，不能用flex

寫一下節點增刪改

如何獲取元素的父節點和兄弟節點，寫一下

JS如何得到用戶來源？(navigator.userAgent)

跨域方法說一下

JSONP的原理是什麼？除了script標籤還能夠經過什麼標籤實現？(靜態資源標籤)

原型鏈說一下

寫一下原型鏈繼承

你還知道什麼繼承，寫一下(構造函數繼承，說了兩種方法的優缺點)

緩存講一講

你瞭解的前端性能優化方式有哪些？

給你一個亂序數組，你怎麼排序（寫了快排）

二面:

你的項目裏有什麼亮點

你的文件上傳方案是什麼？

寫一個方法提取一下search裏的參數

寫一個API實現insertAfter

CSS3哪些用的比較多？

CSS3動畫會嗎？怎麼用CSS3動畫實現一個loading效果？

如何處理CSS兼容性問題

Webpack有個插件能夠解決CSS兼容性問題你知道嗎？( postcss-loader)

ES6新特性講講

let和var的區別講講

箭頭函數和ES5的this指向區別講講

前端安全這塊瞭解多少？

三面:

自我介紹

寫一個API，實現jQuery的$(selector)選擇器，要求兼容IE6

瀏覽器是如何經過你的代碼去找到指定的元素的？

說一下你項目的亮點

如今有沒有跟着導師作項目？(說了學校科研訓練的一些東西)

寫一下用JS模擬一個雙向鏈表

問了問工程化思想

模塊化思想

你爲何選擇前端

還有什麼要跟我說的？

面其餘公司被考到的題

說說cookie、session、localStorage、sessionStorage的區別

Node.js線程管理

設計模式（須要手寫）

跨域的方法有哪些? (說了CORS、jsonp、WebSocket、postMessage、Hash)

說說bind、apply、call的區別以及bind的實現

算法：

反轉二叉樹以及時間複雜度

鏈表找環

React的Virtual DOM和Diff算法

React的生命週期

BootStrap底層原理

圖片壓縮的原理

如何處理高併發狀況下，用戶順序問題（如搶購網站如何斷定誰先點擊）

 

 

 

點擊做者姓名與做者大佬交流~

做者：MuffinFish

來源：

牛客網（www.nowcoder.com）

- 互聯網名企筆試真題

- 校招求職筆經&面經

- 程序員/產品/運營求職實習信息

- 程序員/產品/運營學習交流社區