個人前端秋招之旅

前言

從八月份開始準備至今，筆者本次秋招之旅也差很少該準備結束了。拿到了心儀的offer，也真正經歷了一次做爲一個面試者的全過程，期間可能一直沒時間來整理一篇完備的文章，忙着項目，抽空複習知識點感受成天都會有種疲憊感，這種感受一直持續了好久，目前也算要塵埃落定，筆者這篇博文權當記錄一下此次還留存的面經吧。

阿里一面

• Vue雙向綁定機制
• diff算法
• 事件隊列
• 前端安全：XSS、XSRF，防範措施（前端攻防那些事兒）
• 冒泡、快排，複雜度
• GET、POST區別（關於get、post看這個就夠了）
  • 不過對於這篇文章中關於Post會有兩次請求的狀況其實在筆者看來應該是由於觸發了跨域,因此致使瀏覽器發出預檢請求，緣由就是Post請求屬於非簡單請求。
• call、apply、bind
• this指向問題
• 閉包
• 垃圾收集機制（近距離研究三大垃圾收集機制）
• 5G對前端影響
• 虛擬Dom
• 微任務宏任務有哪些
• 爲何選擇前端
• 有沒有抓過包，GET、POST抓包的數據有什麼不同
• 項目中扮演什麼樣的角色，負責什麼
• 項目難點

其實此次阿里一面筆者感受答得還行，後來的確是過了。畢竟是筆者秋招第一場電話面試，仍是給了筆者一些信心的，但是至於後來二面爲何直接涼了，阿里淘寶系的學長說二面面試官拿到個人材料以後就直接把我掛了，這讓筆者卻是鬱悶了挺久。

騰訊一面

• http、https
• 跨域相關問題
• 緩存問題，怎麼取消強緩存
• 前端安全xss、xsrf
• 怎麼解決Vuex刷新數據丟失（筆者當時答得是localstorage）
• diff算法
• 前端性能優化
• 狀態碼
• DNS查找原理
• Vue組件間傳值有哪些方案（prop+$emit、Vuex、provide+inject、eventbus）
• cookie、localstorage區別
• Vuex異步和同步
• 重拍重繪
• 1000個元素插入頁面怎麼作，怎麼綁定事件（文檔碎片DocumentFragment+事件委託）
• Vue在什麼狀況會從新渲染頁面

此次騰訊給筆者的感受也仍是挺不錯的，面試官也比較溫和，沒有爲難筆者，而後還約了次日晚上遠程寫了兩個題，而後筆者剛好之前都寫過，因而就比較順利經過了一面啦。

騰訊二面

• cookie、localstorage
• 怎麼測試localstorage（這個筆者當時有點被問懵了）。
• 前端性能優化
• TCP三次握手，爲何要三次
• http2.0的二進制分幀底層相關，這個二進制傳輸相對於文本傳輸有什麼區別，文本最終不該該也是轉爲二進制進行傳輸嗎，流、消息是什麼？區別？（這個地方關於二進制分幀的一些底層的知識着實把筆者家底都都出來仍是沒讓面試官滿意）
• DNS查詢，若是根域名服務器沒找到它會怎麼辦。
• CDN詳細原理說一下，負載均衡怎麼理解

這多是筆者第一次被問到心態要炸，感受有些地方真的觸到盲區，並且問的很深，筆者後來百度查了好久也有點沒明白麪試官想要的答案是什麼，不過仍是以爲騰訊面試官真的挺不錯，一面基礎加廣度，二面就比較深刻了。

小米一面

• 跨域相關
• 瞭解Promise嗎
• Es6新特性（這個地方卻是出了個小插曲，我巴拉巴拉說了老半天，由於這個地方筆者卻是基本常常看阮一峯大佬那本書，因此相對會熟悉一點，而後說完面試官就跟我說，你是我見過第一個能說這麼多的面試者，面了幾家了，這裏筆者只能訕訕一笑說沒面幾家）
• http說一下

其餘卻是記不清了，好像面試官也沒問幾個問題，大部分時間好像都是我一直在巴拉巴拉。

這裏仍是深入體會到，好好複習的必要性了。

最後面試官直接就問我能去現場嗎，我說視頻行嗎，而後就視頻吧，至於後面爲啥又是電話面我就不知道了。

小米和B站可能問的問題上面也有提到過再加上本身不少也記不清了，因此記得多少就說多少了吧。

小米二面

• 項目介紹
• 項目難點
• http、https，http下怎麼防範數據被劫持
• 會其餘框架嗎
• localstorage、sessionstorage、cookie、session

而後其餘也記不大清了，而後過了一段時間就收到了小米恭喜涵，也算是筆者第一張意向書吧。

美團二面

這裏就有人要問了，一面面經呢，額...這個實際上是筆者當時覺得涼了就沒記錄了，後來就被美團hr小姐姐通知二面了。

• 聊大學成績，是否掛科
• 爲何選擇前端
• 本身的優缺點
• 實現三欄佈局，用flex怎麼實現（這裏不得不提一下的是，寫標籤樣式啥的，都是直接讓往記事本這種上寫的，根本無法知道本身是否是寫對了，筆者這裏提到了雙飛翼和聖盃）
• 如何判斷Promise類型
• 如何判斷數組
• 瞭解node嗎，koa、ts
• CDN、UDP、TCP
• http、websocket區別
• 怎麼從http升級到websocket的
• 瞭解service worker嗎（PWA）
• 實現三角形（一樣是記事本...）,你的三角形朝哪邊
• 如何變異步爲同步（async,await），什麼是語法糖
• 手寫發佈訂閱
• webpack打包.vue文件過程
• 瞭解AST嗎
• 瀏覽器緩存

最後筆者也問了面試官評價，而後他說各方面都還不錯，因而筆者以爲應該能進三面，過了幾天問hr小姐姐果真過了，不過目前還在等消息，由於要現場面，而後筆者比較遠，可能要去別的宣講會面了，二面面試官一眼看上去就感受頗有氣場，面試過程也比較溫和，點個贊。

B站一面

• 自我介紹
• 項目，爲何選擇axios
• 項目難點
• 先後端聯調方式
• 前端安全
• 一個操做Dom動畫卡頓緣由
• 迴流、重回
• 手寫數組亂序
• 閉包
• Vue雙向綁定機制

可能筆者看面經看的多了，而後好像這種常規題仍是挺熟練的，而後問面試官評價，面試官直接說給優秀，筆者當時內心爲面試官點了個大大的nice。

B站二面

二面面試官一看就是巨佬，由於B站兩面都是視頻，感受B站面試官都超和善的，二面主要是聊職業規劃，也有聊一些技術，也都屬於常規題了吧而後筆者就不貼出來了（實際上是不記得了哈哈哈），而後整個過程都比較放鬆吧，很舒服的一輪面試，而後面試官最後說我挺不錯的，在一個相對來水不太好的環境下能學到這麼系統全面的知識也挺可貴，當場又給二面面試官點了大大的贊。

由於加了hr小姐姐的微信，而後過幾天問了小姐姐說我過了，而後就是hr面了，次日就發了意向書，感受也算有家可歸了。

整個秋招給個人感覺仍是本身還有不少地方須要提高的吧，而後還有一點要說的是，必定要堅持下去，心儀的offer總會來的，在這裏筆者也祝願你們都能成爲offer收割機。

最後祝你們中秋快樂