阿里【前端/全棧】職位電話面試記錄

寫在前面

如今彷佛比較流行分享一些面試經驗？正好最近閒來無事，簡單分享一下今日關於阿里電話面試的記錄，供你們參考吧。

前些日子有位阿里的大佬發私信詢問我是否有意去試試【前端/全棧】的職位，說實話我當時實際上是處於懵逼狀態的，由於深知本身水平通常，可是仍是願意去試一試的，以後簡單溝通後就把本身的簡歷經過郵件發給了他，而後他告訴我按流程應該很快就會接到預定面試的電話。

下面簡單記錄下電話面試的整個過程，以及期間涉及的問題還有本身的一些看法。

簡單介紹一下在當前公司的具體工做內容（業務方向）？

開頭並未讓我作自我介紹，直接就開始面試了，這個整得我有點懵逼，而後就直接說了說當前工做所涉及的工做內容，以後面試官並未追問什麼其餘的，應該是一個暖場問題。

平時接觸的前端技術能夠簡單羅列一些嗎（較擅長的）？

我接觸的前端技術很雜，基本主流的技術都有接觸，而後羅列了一下，面試官也沒有追問什麼，我當時心想多是面試官須要把握後面的提問方向才問的這個問題（事實證實我錯了）。

先考察一下 css 相關的東西，請問如何實現一個左右寬度固定，中間自適應的佈局（能夠說多種方案）？

這個問題的詳細答案網上應該是一搜一大把，這裏就很少說了，我當時說了兩種，一種是 float + bfc + 聖盃佈局，另外一種是 flex，關於前者 balabala 說了一堆估計面試官大概明白我意思了，而後簡單說說 css 屬性就好，不要解釋太多原理方面的東西，而後讓我說說第二種。

以後我就按他的要求把第二種涉及到的屬性講了一遍，而後他說能夠了，而後追問了兩個小問題：

• 左右 div 的 width 屬性可不能夠被別的屬性替換？
• flex: 1 是一個縮寫寫法，能不能詳細說一說完整的語法，以及每一個參數的含義？

這個天然也比較好答，balabala 又大概說了一下，而後面試官說能夠了，進行下一個問題。

這裏值得一提的是，必定要聽好面試官的問題，我在這裏可能由於口音的緣由，沒太聽清，覺得讓我列舉 flex 佈局涉及到的其餘 css 屬性，結果一頓說，最後他說只描述 flex 屬性就行了。

考察一些 js 方面的東西吧，有遇到過跨域問題嗎？可以給出一些解決方案？可以簡單對比下不一樣解決方案間的優缺點嗎？

這個也是比較老的問題了，考察 jsonp 和 cors。這裏就不展開講了，網上一搜一大把，我這裏答的還算不錯，基本從原理到實施大概講了一下，就是對比優缺點的時候，略微卡了一下，在面試官的提示下，也回答上來了。

react 熟悉嗎？

我說如今不太熟悉了，由於當時接觸的時候是 0.14 版本以後就轉 angular 了，不過對於一些核心的概念仍是懂的。面試官沒有繼續追問別的相關 react 的問題。

那除了 react 的話，angularjs、angular 和 vue 哪一個更懂一些？

這裏我說均可以。

vue 中實現雙向綁定的原理？

簡單說了一下 setter/getter 涉及的東西，而後我也不知道當時腦子是短路了仍是怎麼的，就沒繼續說了，後來在面試官說你這才說了一半啊，另一半呢？我這纔回過神來，把 dom 相關的事件還有觀察者模式說了一些。以後沒有追問其餘的東西。

angular 中 directive 概念有接觸吧？能夠描述下聲明 directive 的語法以及涉及屬性的含義？

當時我追問了一下是哪一個 angular，面試官說 angularjs，而後我忽然有點懵逼，由於 angularjs 已經很久未用，directive 的概念我是知道的，可是其中涉及的一些屬性我是真的忘了。後來停頓了幾秒，勉強回憶起部分重要的屬性，大概說了一下，以後沒有追問任何問題。

問一些 http 相關的東西吧，請問 http 協議是否有仔細研究過？

我這裏詢問了下具體指哪些方面，面試官說就是 http 協議中關於響應請求的報文格式等東西，關於 http 協議自己，因爲我也是隻知其一;不知其二，這裏就直接回答不清楚了。

再問點兒別的，linux 操做系統中的文件系統有哪些？

這個一臉懵逼，直接說不知道了。以後面試官說通常平常使用 linux 的話應該有不少機會接觸這個知識點的，若是隻是工做是部署下服務器，可能確實不知道，就不追問了。

linux 查看磁盤使用狀態的命令是什麼？

這個也沒有答出來，由於確實平日上服務器也不會刻意留意磁盤使用狀態，可能以前看關於 linux 的書籍也見過，可是忘了。這裏面試官追問，我對於 linux 是什麼使用程度，我大概描述了一下，平日是用 macos，部署的話是 ubuntu，說了一些本身平平常用的命令和工具，以後沒有繼續追問其餘問題。

關於查看磁盤使用狀態的命令，這裏就不贅述了，網上搜索一下，文章不少。

有使用過 nginx 吧? 請問 nginx 與業務服務器是按照什麼協議進行通訊的？

nginx 做爲反向代理，確實已經使用過無數次，可是背後與業務服務器通訊的協議真的沒有深刻了解過。後來查了一下，彷佛是一個叫做 cgi 的協議，這裏漲知識了。

有一個寬高 100px 的 div，請詳細描述一下如何實現拖拽操做（能夠說多種方案）？

簡單描述了使用 drag、drop 和 mousedown、mousemove、mouseup 事件的兩種方案、實現過程以及優缺點。

以後面試官追問了一個問題，若是鼠標移動過快，移出了 div 容器怎麼辦？這個問題我一開始沒有 get 到他提問的點，往邊界條件和友好性說了一些，彷佛是答非所問了。而後面試官提示我說有聽過事件冒泡嗎？我說知道，而後往事件委託上答了一些，可是仍是沒有說明要利用事件委託作什麼，最終面試官說往 document 上增長相關事件就行了，而後我一下明白他啥意思了。

我看你簡歷中有寫 python 以及 django，可以簡單介紹一下 django 中涉及的核心概念嗎？

大概按 django 那個入門文檔的角度簡單的將了將 django 中的 MVC 是如何表現的，以及一個 http 請求從瀏覽器發送至業務服務器，再到相關數據被持久化到數據庫的整個過程，以後沒有追問任何問題。

有什麼想要詢問個人問題？

我問了問面試官，關於我回答不出的這些問題，如何才能在平日工做中獲取？他和我說了兩點，一點是靠契機，意思就是確實會遇到相關領域的問題，第二點就是靠意識，在解決問題的時候，挖深一些，不要僅僅拘泥於解決問題的表面。

總結

整體下來，感受是要涼涼的節奏。由於面試的職位是【前端/全棧】工程師，因此考察的問題並不是侷限於前端，還包含若干其餘領域的知識。看來平日還需多積累，多學習，雖然我一直是以程序員、工程師的角度來要求本身，不貼過多標籤，好比前端、後端之類的，對於未知的知識時刻保持好奇心，然而彷佛證實力度仍是遠遠不夠的。

革命還沒有成功，同志還需努力。