這是我經歷的最棒的一次面試，面試體驗很好，面試官也挺不錯，會引導你往哪個方向去思考。

一面：
首先是比較帥氣的一個小哥，先是讓自我介紹，完了之后面試官說講的太快了（哈哈）
然后問了下實習做的東西，主要用的什么？對React了解多少？講講虛擬DOM的概念，Diff算法有了解過嗎？MVVM模式有了解嗎？然后問如何去判斷（跟蹤）狀態數據變化了，從而觸發視圖UI？
因為簡歷里有寫看過jQuery源碼，然后問了些jQuery源碼的東西。主要是Deferred對象。與ajax返回的對象有何區別？
下來是一個div里面有一個a標簽一個img標簽，然后讓把整個布局畫出來，并解釋為什么？
后面全程都是在這個基礎上的題目。
1. 如果要把a變成一個塊級元素，怎么去設置？并畫出布局
2. 行內元素與塊級元素有什么區別？inline-block與block又有什么區別？
3. 畫一下上面整個的DOM結構，包括文本節點以及屬性節點這些（感覺這個挺細節的）
4. 后面還有如何去獲取a標簽的href屬性（這個當時只說了一種方式，直接訪問a.href，但貌似這個不是面試官想要的，后面面試官有提到getAttribute()方法。）
5. 如何要給a設置寬和高，以及Padding，Margin如何去設置？并且畫出整個布局？因為這個又涉及到margin重疊的情況，又問如何去防止margin重疊
6. 設寬度之后，設的是哪一部分的寬度？如何去規定要設哪一部分的寬度？（box-sizing）

第二個場景，有一個ul,里面有很多li元素，如何去使得點擊每個元素打印出對應的索引。（一開始考慮用事件委托來做，但是判斷e.target是ul的第幾個孩子不是特別方便，還是用了最原始的方法，給所有li綁定點擊事件，這里其實涉及到閉包的問題，如何去規避？一個是考慮到let，另一個就是自執行函數，并將索引作為參數傳進去）

二面：
二面是一個比較溫和的面試官，也是先讓自我介紹，有提到熟悉原生JS，然后面試官問對CSS熟嗎，表示不是很熟悉。然后面試官說那先從不熟悉的開始吧。

實現一個布局，上面一個div，100px高，中間一個div，高度自適應，最下面一個div，高100px。（當時第一反映是用flex做，不過現在想想直接這種布局排下來不就是那種布局，只不過需要把中間的height設置成100%）

ajax傳輸數據的時候，在xhr.send(data)時，這個data可以有多種數據格式，比如JSON，比如FormData等等，問如何把一個對象變成這些格式？另外如何去設置？（設置HTTP Header就可以，里面的Content-Type）

對HTTP熟悉不？講一下熟悉哪一些方面？講了緩存和狀態碼

有哪些常見的狀態碼，如何去判斷返回的Code是4開頭的？（正則表達式，并要求寫出來）

緩存機制有哪些？說說有什么字段（講了強緩存和協商緩存）

Max-age和Expire有什么區別？

Etag和last-modified有什么不同？

ES6有用過哪些覺得好的特性？（let,箭頭函數，class, iterator遍歷器），主要講了for…of這個操作

下來就問遍歷對象的幾種方法，for … in 可以遍歷到原型鏈上的方法嗎？可是為什么一個a = { name: 'a' }遍歷之后，只會打印出一個name呢?而沒有原型鏈上的屬性？（涉及到可枚舉和不可枚舉的概念）
后面就是手寫代碼。

instanceof有用過嗎？實現一個instance(obj, fn)函數

Math.max有了解過嗎？實現一個max函數，如何用數組的foreach方法。（這里用到call和apply）

obj = { name: '1' },問obj.call等于什么？另外有一個函數Fn，問Fn.call等于什么？

最后就問我有什么問題？

三面（HR面）：
這個HR感覺隨和，一進去就說把包當下，放輕松一點。
然后問覺得之前的面試怎么樣？
下來就是問實習主要做了什么？參加的比賽主要做了什么？實驗室的項目主要是研究什么？對網易有什么認識？或者說為什么要來網易？然后為什么不投網易云音樂等等。對自己未來十年有什么想法，最想做的等等。

總結

以上是生活随笔為你收集整理的网易前端面试的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。