前言
騰訊的面試涼了，預料到了（本人大專）
接著開始面試網易
網易的面試體驗挺不錯，它的微信公眾號會給你叫號，前臺小姐姐也會提醒你，每一面結束后都可以找前臺小姐姐查詢面試結果，而且食堂超級好吃！還可以邊吃飯邊吸貓！面試地點在一樓大廳，環境舒適，就是座位有點不夠用，
不多說了，下面分享一下我的面試經歷
一面
- 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，
需要完整面試題的朋友可以點擊藍色字體獲取~
喜歡的小伙伴別忘了給這篇小文章點個小小的贊喲,如果你覺得有用的話，也可以分享給其他小伙伴一起閱讀！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/245690.html
標籤：其他
上一篇：零基礎轉行前端，如何拿下了位元組跳動、美團等大廠offer
下一篇：Web基本教程~05.CSS屬性