前言
騰訊的面試涼了，預料到了（本人大專）
接著開始面試網易
網易的面試體驗挺不錯。它的微信公眾號會給你叫號，前臺小姐姐也會提醒你，每一面結束后都可以找前臺小姐姐查詢面試結果。而且食堂超級好吃！還可以邊吃飯邊吸貓！面試地點在一樓大廳。環境舒適，就是座位有點不夠用。
不多說了，下面分享一下我的面試經歷
一面
- 6道基本技術問題，居中、閉包、塊級元素和行內元素等（答案在下方）
- 某個項目的頁面布局方式，緩存的設計和優化方式（本地存儲和協議相關的）
- ajax 的原生寫法（創建 XHR 對象， open() ， setRequestHeader() ， send() ， onreadystatechange ）
- vue-router 的原理（ hash ， HTML5 新增的 pushState ）
- 關于 ajax ,我再強調以下方面。
//open()接受3個參數：請求類型、 URL 和是否異步的布爾值
//GET方式通常這樣發：
xhr.open("get", "example.php?name1=value1&name2=value2", true)
//可以設定請求頭，包括自定義請求頭，比方說這樣：
xhr.setRequestHeader("MyHeader", "MyValue")；
//可以這樣取得一個包含所有頭部信息的長字符串：
var myHeader = xhr.getResponseHeader("MyHeader");
var allHeaders = xhr.getAllResponseHeaders();
//POST方式有這幾個地方要改：
//請求頭要重設，數據會以key1=value1&key2=value2的方式發送到服務器
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//獲取表單
var form = document.getElementById("user-info");
//序列化表單，發送的內容傳入send()
xhr.send(serialize(form));
//也可以這樣傳值：
var data = new FormData(form);
//再傳一點別的
data.append("name", "Nicholas")
xhr.send(data);
- 別的不記得了……
二面
面試官：“你覺得你擅長CSS還是JS？”
我：“JS。”
面試官：“好，那我問你一道CSS的問題。”
我：“？？？”
- CSS 三欄布局，左右定寬，中間自適應（ flex ， grid 等）
- 解釋構造函數、對象、原型鏈之間的關系
- 手寫代碼，實現原型式繼承
- 手寫代碼，實現借用構造函數
- Vue 雙向綁定原理（事件監聽， getter 和 setter ）
- Virtual DOM 和 diff 算法（ DOM 樹，分層比較， key ， DocumentFragment ）
- jQuery 鏈式調用的原理（jQuery鏈式調用）
- 最近碰到的技術難題，不一定是前端（我答了B站的爬蟲與反爬蟲）
- 關于反爬蟲，請求頭中的這兩個字段要修改。Host ：
- 發出請求的頁面所在的域。
Referer ：
- 發出請求的頁面的 URI 。
注意， HTTP 規范將這個頭部字段拼寫錯了，而為保證與規范一致，也只能將錯就錯了（這個英文單詞的正確拼法應該是 referrer ）。
HR面
HR小姐姐似乎對我們學校挺熟悉的，但好像不是校友…… 談一談過去做過的項目、面對的難題（和UI的溝通問題，順便引出我后來自學了平面設計。)
- 又提了提爬蟲
- 家在哪里（照實回答就行）
- 未來職業規劃（表示出你想在公司長久待下去，繼續進步就行）
- 具體的技術發展方向（我答的是“能支持上億用戶使用的前端架構”）
- 為了往這個方向發展，你所做的努力（我答的是“在看《高性能網站建設》、自學后端，順便提了一下‘東北Java第一人’姜國海老師”）
- 預測一下前端未來的發展趨勢（我答的是“自動化”）
- 拿了哪家的offer？
（……還是照實回答吧）
實習時間（我建議把時間段說得寬松一些，到時候真的沖突再商量）
對于面試題我刷了這套比較綜合的前端面試題，很多內容面試官都問到了，當然我也刷了其他很多的面試題，總的來說還是這套重合率比較高哈哈
大廠面試題
面試題目錄
最后的最后，大家都知道答案僅供參考，看了題不要死記，一定要自己理解，用自己的方式表達出來，在這里預祝各位成功拿下自己心儀的offer。
需要完整面試題的朋友可以點擊藍色字體獲取~
喜歡的小伙伴別忘了給這篇小文章點個小小的贊喲,如果你覺得有用的話，也可以分享給其他小伙伴一起閱讀！
