2018年 前端秋季校招面經

雙非本科。 提早批投了有30多家，總共加起來投了有50多家公司， 除了蘑菇街給了提早批直接面試，其餘要不是轉筆試，要不是直接掛簡歷(阿里騰訊)，要不就是正式批都開始筆試面試了，我老早投的沒一點動靜，也不給我轉正式批，正式批投了也不給我筆試（歡聚、虎牙等）。

8月26日左右開始投，小米8月28日投的內推，9月最後一週了才聯繫我說我是提早批面試。 除了蘑菇街和小米，其餘基本上都是筆試經過後開始面試，不過也有筆試經過後不給我面試（JD、知乎）。

最先面的美麗聯合，提早批，以後就是9月第三週現場面的百度、網易、和電話面的小米，9月最後一週的oppo、美團、騰訊。 站點都是成都。

目前狀態:

• 籤百度
• 百度offer、百詞斬ssp（估計有實習buff加成，談薪資的時候薪資高到把我嚇蒙）、美團offer、小米小sp、美麗聯合sp，
• 網易意向書收到了，結果人招滿了
• 神策數據 一面掛

[TOC]

面經

美麗聯合

最先面試的一家公司，感謝蘑菇街提早批接受了個人簡歷，否則我估計會由於0面試而崩潰的。不過我蘑菇街的面經沒有可參考性，1,2面全是問的項目，3面也是比較常規的hr面。

1面 電話

問項目，中途還涉及到vue、canvas、webpack。 可是大部分時間都是問項目。

2面 視頻

問項目。

3面 Hr

標準hr面

4面 加面

面試官是很是厲害的人，好像是電商部門的技術總負責人。

讓我進行5-10分鐘的自我介紹，把學習經歷，項目和負責內容都介紹一次。

而後問了我項目中的幾個問題

還問了我怎麼處理兼容性

以後就是問對前端見解，我的的打算等等

總之感受挺輕鬆的。

---

神策數據

1面 視頻

忘了問的啥了，總之體驗很很差，自我介紹的時候就被打斷不少次，最後讓我手寫一個題。

最後，面試官的評價是，代碼寫得太少了。 我：？？？

---

百度

1面 (1小時45分鐘)

1. 介紹一下項目，把我簡歷上的項目問了一大半，哪些難點，怎麼作的，爲何這麼作，有其餘方法能實現嗎(後面這幾點大部分是我本身主動介紹的)
2. 講項目期間還問了我Canvas，wepack，vue的問題。
3. 講項目就佔了一半的時間，
4. 手寫ajax
5. vue雙向綁定
6. vue-router原理
7. es6有哪些
8. let/const/var區別
9. 箭頭函數
10. this
11. 出了一個相關this的題
12. 模塊化
13. 性能優化(這裏我擴展了不少，而後被面試官阻止了，說夠多了)
14. 1億個亂序數裏面找出最大的前1000個數
15. 有什麼想問個人

2面 (1小時24分鐘)

1. 面試官把我簡歷很仔細的看了一遍，而後問我怎麼學習的
2. 看了哪些書 而後和和睦氣的畫風突變
3. 手寫es6 class繼承
4. 一道class相關的題
5. 手寫es5 繼承
6. 手寫僞數組轉換爲數組(沒寫好，還出了錯) 面試官說[].slice.call 而後我說有問題，而後還暴露出我沒分清Array和[]的區別
7. 手寫string的indexOf，不能用正則，不能用substr這些相關的方法
8. 講講事件代理
9. 手寫一個block函數，功能是阻止全部a標籤的跳轉事件，並輸出href的值。只要使用這個函數(在文檔任意地方寫了block())，全部的a標籤的跳轉事件都要能阻止。這裏還有一個坑，就是<a><li></li></a>若是我點的是li，e.target獲取的值就是li
10. 從url輸入內容到瀏覽器顯示 前面手寫代碼寫得想哭，細節漏洞百出被批了幾回。竟然問到了我最擅長的題，我差點沒憋住笑出來

10.1. 講了輸入值瀏覽器的不一樣處理

10.2. dns

10.3. arp

10.4 tcp三次握手

10.5. 中途問我爲何要3次，不能2次

我想說tcp4次揮手的時候被阻止了，面試官說他知道我知道 10.6. 瀏覽器拿到數據後怎麼渲染

10.6.1. dom構建全流程，cssom構建全流程，渲染樹構建， （上面那些是我回答的內容）

11. script 會阻止頁面渲染嗎，外部引入js，css放置位置的影響
12. async和defer
13. 用了async的js代碼，想獲取dom結點怎麼辦
14. domcontentloaded和onload區別
15. domcontentloaded 兼容寫法
16. 你有什麼想問個人 x4（我：？？？）

3面 (1個小時20分鐘)

聊人生聊將來聊項目聊思想，聊了一個1個小時20分鐘，聊得我想吐，要在聊人生中展示出本身的能力，也是絞盡腦汁。

---

網易

1面 (1小時)

1. 自我介紹
2. 頁面白屏緣由
3. 怎麼查錯，若是有不少人一塊兒開發呢
4. 兼容性，向下兼容和不一樣瀏覽器兼容
5. 佈局
6. es6
7. 箭頭函數 做用域 還出了幾道題
8. babel原理
9. vue通訊
10. vuex
11. eggjs(項目中用到的)和koa區別
12. http狀態碼 301,302區別
13. url輸入到頁面顯示
14. 外鏈css,js和img流程
15. 怎麼學習的
16. 將來的規劃
17. 評價一下本身
18. 還有什麼想問的

2面 (1個小時)

全是問項目，正好到我強項 面試官也沒懟我，個人思考挺全面的，基本上面試官的問題我以前作的時候都有考慮過，要不就是如今就能給出解決方案

3面 hr (45分鐘)

壓力hr面，面的時候感受在被懟，沒談薪資

---

小米

1面 (40分鐘) 電話

1. 自我介紹
2. 介紹http狀態碼
3. 304變回200
4. http和https區別
5. tcp三次握手
6. webpack
7. html5新加的內容
8. html5的優勢和缺點
9. position的值
10. transform和position：absolute/relative; left:200px 二者移動元素的差異
11. let/const/var 區別
12. es6 class 其餘想不起了 問得挺多的，但都是基礎

2面 電話

忘了，總之是技術面，很基礎

問了算法，一共4個算法，其中1個是檢測鏈表是否有環，1個是鏈表的環點

3面 hr

好像是hr？ 更新這篇文章的時候已通過去好久，忘了

---

oppo

1面 (30分鐘)

1. 自我介紹
2. 項目中負責的內容
3. es6新增內容
4. polyfill
5. 性能優化
6. 移動端自適應
7. 水平居中
8. 一行文字超了以省略號表示(我還補充了多行的)
9. canvas(項目中用上了)
10. webpack

其餘想不起了，總之很簡單

2面

1. 自我介紹

2. 看你是軟件工程的學生，大家學的是什麼 答：C++和 JAVA。

   2.1. 那你知道c++的@##@￥怎麼%&*￥#嗎？ 答：不知道

   2.2. 那你說說@#$%^ 答：不知道

   2.3. JAVA中@#￥%&*￥#￥% 答：不知道

3. 大家學過計網嗎，學過。 說一下Tcp3次握手。 Balabala，那你知道在這時候客戶端發送#$%^#&*會怎麼樣嗎？ 答：不知道

4. 大家應該有學過軟件工程的一些模式吧，好比說瀑布模式，你還知道其餘的嗎。 思考了一下子，答：忘了。

5. 那你用JS寫代碼的時候用過一些設計模式嗎。說說看。

6. 說一下單例模式。

7. 有哪些方法能夠實現單例模式。

8. 而後開始聊人生了。

二面莫名其妙的竟然就過了？感受30-40%都是回答的不知道或者忘記了

3面 hr

標準hr面

---

美團

1面 (接近1小時)

1. 自我介紹
2. 5道有關this的題
3. 手寫一個find方法，查找對象是否有指定的屬性
4. 計算機網絡學過嗎
5. 說一下3次握手
6. 十萬個亂序、有重複的數，找出第K大的數。這裏討論各類算法的時間複雜度討論得很深。

剩下的想不起了，總之有難度。

2面 (面試時間:???)

1. 自我介紹
2. 問了一下項目
3. 項目中canvas作了啥
4. get post請求區別。
5. get請求的數據放在哪，post呢
6. get爲何不安全
7. XSS是什麼（本身挖了坑）
8. get除了能在url裏，還能在哪
9. 爲何要跨域
10. 同源策略到底保護的是什麼
11. 跨域的方法
12. 實現一個JSONP
13. CORS原理
14. CORS怎麼請求。
15. 爲何get是簡單請求，post是複雜請求。
16. get和post的冪等、PUT是冪等嗎
17. 說一下你瞭解的數據結構。
18. 說一下這些數據結構的適用場景
19. 什麼場景使用二叉樹，爲何要創造出二叉樹這種數據結構。
20. 語義化一個表單(應該這個意思吧，沒太懂)
21. table表單存儲的究竟是什麼數據
22. table和ul ol本質上區別是什麼
23. 會作遊戲嗎    不會
24. 讓你實現一個連連看怎麼作
25. 你這個算法最核心的地方具體怎麼作
26. 爲何這麼多大學生選擇程序員這種工資不是最Top,可是又很累的職業
27. 爲何程序員廣泛工做時間長
28. 爲何井蓋是圓的
29. 精確估計成都的小汽車數量和出租車數量
30. 好了，你快走吧。

我：？？？？

最懵逼的一場面試， 一面過去纔沒多久，還沒從一面的難度中緩過來，面經也沒寫好，二面就來了。本來覺得本身已經夠深刻了，沒想到竟然還能再深刻， 整個二面基本上都是本身認識被不斷擊毀，全程懵逼，基本上40%-50%我都在說不知道。

3面

2面才結束不到5分鐘，就來通知了，我還覺得通知我涼了，沒想到直接讓我面3面，一、2面面試官就在後面看着我，我：我爲何過了？我是誰？我在哪？我在幹什麼？

一臉懵逼的坐下去

1. 自我介紹
2. JS弱類型
3. [] + [] 等於什麼
4. [] + ![] 等於什麼
5. [] == ![] 結果？
6. [] == [] 結果？
7. 問項目
8. 聊人生、將來規劃
9. 你有什麼想問個人 xn

一臉懵逼的離開

4面 hr 35分鐘

標準hr面

---

騰訊

1面 (大約1小時)

我的感受1面難度高於網易，低於美團

1. 自我介紹
2. 你用vue多仍是react多
3. 說一下vue的diff
4. 手寫一個vue組件，組件傳參
5. 寫一個vue的指令，好比本身寫出v-on
6. css3動畫
7. tcp三次握手
8. 數據是在何時發送的
9. 第三次握手沒收到，服務器端收到了客戶端數據會怎樣
10. ajax請求有哪幾種狀態，具體說一下
11. 介紹一下csrf
12. 怎麼防護csrf
13. 301和302區別
14. 說2個用到301的實際例子(這裏我沒用到過301，我說我用過307，而後說了307的狀況)
15. 頁面渲染有哪幾種模式
16. ie模型和w3c模型的區別
17. 微信小程序原理
18. 怎麼學習新技術，舉個例子(講了我學vue的過程)
19. 60%的同窗喜歡籃球，70%喜歡足球，80%喜歡排球，多少同窗既喜歡籃球又喜歡足球

騰訊一輪遊

---

百詞斬

1面 (54分鐘) (視頻)

1. 自我介紹
2. 寫個冒泡排序
3. 算法的時間複雜度
4. JS與其餘面向對象語音的區別與優缺點
5. 原型，原型鏈，繼承
6. 原型繼承的優缺點
7. 可實現3列布局的方法，我說了4種
8. 說一下異步
9. setTimeout
10. 有關setTimeout的2道題
11. 寫個AJAX
12. 封裝一個AJAX
13. TCP三次握手
14. TCP在哪一層
15. fetch有用過嗎，沒。。
16. 數據庫的操做
17. 隊列和棧
18. 實現一個鏈表
19. 進程和線程
20. 操做系統內存調度的解決方法，說了3個
21. 還有什麼想問的

總體來講1面難度中規中矩，相比其餘公司問的更廣一點，可是深度沒有其餘公司深。

2面 (1小時10分鐘) 視頻

1. 自我介紹
2. 大學裏面學過哪些課
3. 搜索樹、B樹知道嗎
4. hash表的特色
5. TCP和UDP區別
6. 怎麼選擇TCP和UDP
7. tcp/ip協議族分哪些層，都有些什麼協議
8. 雙向綁定
9. 文件路徑問題(沒能理解到問的什麼)
10. 手寫大數相加
11. 本身說一下本身研究過的地方，說了性能優化

3面 hr

談薪資。