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