如何一個月拿下阿里淘系前端實習offer & 附面經

前言

筆主參加2020阿里的春招，通過1輪簡歷評估+3輪技術面+1輪HR面，憑藉着運氣加成，最終有驚無險拿到了實習的 offer。

在面試準備過程當中，也會看大佬們分享的面經。面試後，感受我也得回饋給你們。除了面經外，文末還有一些關於面試的心得體會，供你們參考。

面經

阿里淘系簡歷面（50mins）

• 自我介紹
• 介紹一下作的項目
• 在學校的成績怎麼樣？
• 平時的學習途徑都有哪些？
• 設計模式會哪些？介紹一下
• 算法會哪些？介紹一下
• JS的數據類型。（這裏我簡單擴展了一下，介紹瞭如何判斷正確的類型，他們分別是怎麼存儲的，你們也能夠在 GC 的角度去講一下）
• 函數式編程
• Node.js會嗎？
• Babel 和 Webpack 有了解過嗎？分別講一下

阿里淘系一面（30mins）

• 自我介紹
• 爲何想作前端，不去作後端或者其餘方向？
• 最近有在關注什麼技術點嗎？爲何關注這些呢？
• 講一下瀏覽器渲染的流程
• 講一下重排、重繪、合成
• 如何提升合成的效率？
• React Fiber 瞭解嗎？引入 React Fiber 的好處是什麼？
• Virtual DOM
• 堅持作最久的一件事情是什麼？
• 你以爲本身有什麼優點的地方嗎？

阿里淘系二面（30mins）

• 自我介紹

• 介紹一下項目有哪些難點？

• 介紹一下印象最深入的問題？是如何解決的？

  二面主要是圍繞項目開展的，這裏根據我的的狀況，就很少展開啦。

阿里淘系交叉面（55mins）

• 自我介紹
• 講一下對項目的理解
• 你以爲你的項目後續還會再優化嗎？怎麼優化？（必定要有一個衡量指標）
• 用戶登陸的整個流程
• 給了幾個場景，讓我用正則表達式去匹配
• HTTP 請求方法
• HTTP 響應代碼介紹一下。4xx 和 5xx有什麼區別？4xx 的狀態碼詳細介紹一下
• Webpack HMR 的原理詳細介紹一下
• 項目中有沒有用到哪些 Webpack 的優化手段？分別講一下
• 如何減小首次加載時的白屏時間？
• PWA瞭解嗎？講一下
• 微信小程序二維碼掃描的原理（以前沒關注過，沒答上來）
• 問了一下以前在學校參加的競賽
• 有什麼想問的問題？問了有關NodeJS的問題

阿里淘系HR面（30mins）

• 自我介紹

• 爲何想去杭州實習？不留在廣州深圳嗎？

• 父母怎麼看待你對職業的選擇和實習地的選擇？

• 在學校的成績如何？

• 有沒有遇到最困難的一件事？你是如何突破的？

• 將來職業規劃

  HR面主要是問性格方面的問題和人生理想，你們放平心態，就當平時正常聊天就行了。

面試準備

面試開始以前，能夠先去看下要應聘的崗位要求（JD）。而後對照着上面的內容，作對應的準備。

我是從基礎方面、框架方面、數據結構與算法方面三個方面進行準備的：

基礎方面

• HTML

  • HTML5 標籤和新特性
  • HTML 語義化
  • DTD & Entity

• CSS

  • @import @media @charset 等 @ 規則
  • 選擇器
  • 動畫
  • 佈局排版
  • 僞類和僞元素
  • 選擇器

• JavaScript

  • JS的數據類型及轉換規則
  • 做用域與做用域鏈
  • 原型與原型鏈
  • 執行上下文和調用棧
  • 閉包
  • this 機制
  • 繼承
  • ES6~ES10
  • 模塊化
  • 垃圾回收
  • JS執行過程

• 瀏覽器知識

  • 消息隊列與事件循環
  • 宏任務與微任務
  • 導航流程 + 渲染流程
  • 頁面性能
  • 瀏覽器安全

  這裏推薦極客時間的《瀏覽器工做原理與實踐》專欄，深刻淺出講解瀏覽器各方面的知識和原理，真心以爲不錯。

• 計算機網絡

  • HTTP + HTTPS
  • TCP鏈接 + UDP鏈接
  • 三次握手四次揮手及其細節，這篇文章講得很是詳細：面試官，不要再問我三次握手和四次揮手
  • HTTP1.x / HTTP2 / HTTP3 的內容以及優缺點

框架方面

• React

  • JSX是什麼？

  • Virtual DOM

  • 生命週期

  • 組件的性能優化

  • 組件間的通訊方式

  • 路由的原理

  • React Hooks

  • Redux相關知識

  • HOC

• Webpack

  • 常見的 Loader 和 Plugin
  • Loader 和 Plugin 不一樣點
  • 提升 Webpack 的構建速度
  • 利用 Webpack 優化前端性能
  • HMR 的原理
  • 實現按需加載

  系統學習 Webpack 能夠參考掘金小冊的《使用 webpack 定製前端開發環境》

數據結構與算法方面

• 數組、鏈表

• 棧、隊列

• 樹

• 遞歸

• 分治、回溯

• 動態規劃

• 貪心

• 哈希表

• 排序

  這裏推薦一下極客時間的《數據結構與算法之美》專欄，我是邊看專欄邊刷 LeetCode 上面的題目。說實話一開始挺難的理解的，感受算法和數據結構沒有太多的竅門，多刷兩遍題，纔會有點感受。

面試技巧

• 若是你在面試前像我同樣，以爲緊張的話，面試前10分鐘喝口水，深呼吸一下，調整下心情，或許在面試的時候就沒那麼緊張。
• 面試的第一個環節通常都是自我介紹，所以最好提早作好準備。好的自我介紹能夠引導面試官向你擅長的方面去問問題（一開始沒有經驗，後來才意識到這點）。不管是技術崗仍是非技術崗，自我介紹的技巧都是通用的，你們能夠比較下其餘人是怎麼作自我介紹的，再總結一個你本身的自我介紹。我我的的話，主要參考 B站 的這個視頻：【找工做必看】面試超50次，90%拿下offer；從自我介紹，到刁鑽問題，看破面試套路 | 個人4條求職祕籍。
• 前端基礎必定要會呀，否則很容易就掛了。
• 面試的時候遇到不會的問題很正常。能夠先本身思考一下，若是確實不會，能夠向面試官坦白說不會。若是有一點思路，能夠嘗試講一下本身的思路。
• 面試的時候遇到一些比較模糊的或者不太熟悉的問題也很正常。這時候，你能夠和麪試官進行溝通，尋求一下提示，面試官頗有可能會引導你回答問題。
• 回答問題的時候，必定要條理清晰、分點做答！這很重要。我第一次面試結束後，面試官給個人反饋是表達能力不太好，不能清晰地把問題講明白。能夠先停頓幾秒，在腦子裏組織一下語言，再回答。

寫在最後

如何加入淘系前端架構團隊

若是你對前端架構感興趣，歡迎加入淘系前端架構團隊，這個團隊擁有很是濃烈的技術氛圍，可以讓你的技術快速成長，同時也有機會一塊兒打造出優秀的技術產品，服務好上層業務團隊。關於招人要求，主要有兩個方面，第一是必備能力，第二是領域深度。

必備能力：

• 前端基礎紮實，對技術感興趣有熱情，有技術敏感度，善於鑽研
• 有良好的團隊及合做意識

領域深度（知足其中一個便可，不要求多，但要求經驗和深度）：

• 框架領域：React/Vue 原理、React Hooks、狀態管理、微前端
• 工程領域：webpack 構建、AST（Babel）、SSR、項目研發流程
• 研發工具領域：桌面端應用、VS Code 插件
• 低代碼領域：可視化搭建系統、代碼生成、模型驅動
• 渲染容器領域：WebView、類 RN、小程序、Flutter
• 技術產品運營：開源經驗、社區運營、技術活動組織

目前校招/社招都在持續進行中。若是你感興趣，歡迎聯繫個人阿里師兄——大果師兄，簡歷直接投遞到郵箱 sobear.me#gmail.com 便可，若有其餘疑問也可添加微信好友 bear_guy，備註淘系前端招聘。不管你是成竹在胸仍是信心不足，只要對作的事情感興趣就能夠來嘗試一下面試，若是可以經過那天然沒必要多說，若是沒有經過，面試過程也會讓你有不少的成長同時幫助你更加全面的認識本身。

但願你們都能拿到本身心儀的offer！加油！