前端一二三面都掛了,結果卻靠它“逆襲”!!

前言

騰訊的面試涼了,預料到了(本人大專)
接著開始面試網易

網易的面試體驗挺不錯。它的微信公眾號會給你叫號,前臺小姐姐也會提醒你,每一面結束后都可以找前臺小姐姐查詢面試結果。而且食堂超級好吃!還可以邊吃飯邊吸貓!面試地點在一樓大廳。環境舒適,就是座位有點不夠用。

不多說了,下面分享一下我的面試經歷

一面

  • 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。
需要完整面試題的朋友可以點擊藍色字體獲取~

喜歡的小伙伴別忘了給這篇小文章點個小小的贊喲,如果你覺得有用的話,也可以分享給其他小伙伴一起閱讀!

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容