前言

今天有個小夥伴和我說，前端掌握的還行，主要是對面試沒什麼把握，小編想了想，不該是多半面試題都會迎難而解，怎麼會什麼把握呢？但仔細又一想，技術和麵試也是兩回事，技術可以也不代表面試就可以過，那咱們就來好好叨叨該如何去面試

面對面試官

我在網上看到了很多面試官的分享，他們面過上百人，總結了很多作為面試官的經驗，看完這些經驗，我不禁感慨，他們到底是“坑害”了多少面試者才總結出來的……

所以我總結一下這些點，希望當面試官做的不足的時候，能盡力的做出避免或者挽救，不要因為面試官經驗上的不足而影響你的發揮。

突然襲擊

有些面試官會直接電話過去要求面試，由於面試者(尤其是學生)處於弱勢方，可能並不會拒絕面試要求，但並不意味著面試者處於最佳的物理和精神狀態下，有可能會導致面試者不能很好的發揮自己原有的實力。所以如果面試官突然打電話過來，沒有準備好的話，不要怕冒犯面試官，一定要另外約個時間，面試官肯定會再打過來的。

遭到否定

面試官有可能會否定你描述的一些東西，有可能是你字眼寫的太過，比如將“熟悉”的東西寫成了 “精通”，勾起了面試官的“好奇”，有可能故意試壓，考驗你的反應，但遇到否定的時候，不要急於反駁或者是手足無措，而是詢問自省和主動討論。

氣場不和

有的面試官性格嚴謹沉悶，而面試者可能思維活躍，整個面試過程可能會變成面試官不停的打斷面試者讓其思維聚焦，而面試者感到思維不停被打斷，很是氣惱，影響發揮。這種情況不可避免，但遇到這樣的面試官，請保持謙和的態度，重點是展示自己技術的廣度、深度，氣場不和並不會產生決定性的影響，面試官也不會因為這樣的原因而給與錯誤的評判，儘量留下好的印象。

結束通知

有的面試官會在面試結束後說：“我的問題問完了，如果有進一步訊息的話，我們會再聯絡你”。面試的大部分結果，其實當場就出來了，如果你感覺給出結果的時間點不夠明確，可以反問他：“如果三天內沒有聯絡，是不是就代表沒有通過？” 省得讓你懷有不確切的希望。最後，還可以挽留下面試官，講講這場面試中你的一些疑惑，獲得面試官的反饋，也可以知道自己目前哪一方面做得不足。

面試

面對不會的問題

面試中遇到問題不會回答，這是非常正常的，畢竟大家在學習過程中遇到的問題，跟我們在工作中遇到的問題是非常不一樣的，除此之外，我們看問題的角度，也是有差別很大的。

舉個例子，很多人都在看 React Fiber，但是如果問你們，為什麼要有 Fiber 這個東西，可能很多人都回答不上來，因為大家只在社群裡面看到說，Fiber 是怎麼工作的啊，但是為什麼要有 Fiber？如果沒有會怎樣，而這種思考，其實是非常底層的。我相信，很多人可能都沒有思考過。

那如果遇到的問題不會，你可以先選擇不會，說我覺得自己沒有信心能答出這個問題，當然我更希望聽到你說，我現在不會，但是你給我兩分鐘思考一下，我想一下這個問題有沒有答案？我覺得這是一個很好的思考習慣，首先你在面對不會的東西是坦然的，我當下不會，很正常，我之前沒有思考過這個問題嘛，那我們再花兩分鐘思考一下，給一個初步的答案。

所以說遇到問題，也不用不會就不會，也可以有一個積極的方式迴應。
從面試官的角度來說，面試中考察的題目，並不是僅僅考察這道題目本身，題目的對錯並不跟最終結果直接掛鉤。面試官更希望以題目為契機, 考察面試者分析問題，解決問題的能力，以及交流過程中所體現的邏輯推理和思維方式等。

跟面試官聊業務

業務跟專案是完全不一樣的東西，業務認知和思考也是很重要的一個考察點，這方面面試官可能會問兩個點：業務場景和技術突破。
業務場景：面試官會詢問面試者他們的產品、業務模式、商業模式等，瞭解下面試者對於產品的誕生、定位、發展的認知。
技術突破：技術與業務相結合這點在阿里也是一直在說但鮮有人做的非常好的地方，所以有的時候也會考察面試者，看看他們所做的技術是如何從業務出發、給業務帶來了哪些改變以及如何去評估兩者之間產生的結果。

面試結束

反向互動

面試官在結束通話之前，基本會給與候選人反問的機會，一般會表述為 “你有什麼要問我的嗎”？無論面試的怎樣，都希望你能說出心中的疑惑，比如面試中的某個題目、整體的評價反饋、你的建議或者瞭解所負責的業務，所在的團隊等等，而從面試官的角度來看，如果候選人願意反問你問題，至少能證明他是個好學的人。所以不要放棄這個互動的機會。

面試反饋

每場面試結束後，面試官都會在系統裡留下面試反饋，如果面試失敗，簡歷會放在人才庫裡，很多人會在其中撈取簡歷，以後的面試官也可以看到之前所有的面試記錄，之所以講到這一點，是希望大家在面試中能夠保持謙和積極的心態，認真面對每一場面試，即使這場面試沒有成功，但如果展示了好的品質，也會增加被髮掘的機會，為你以後面試成功鋪路。

保持聯絡

如果跟面試官聊的比較好，可以請求加個微信之類的，面試是一個長期的事情，哪怕此次面試沒有通過，以後還可能面試進來的，與面試官保持聯絡，也是為以後進阿里鋪路。

前端面試題準備

面試會了，面試題也不能落下，這套面試筆記除了有CSS、JS、Vue、React、效能優化、伺服器埠、設計模式、資料結構和演算法面試題外，加了手寫程式碼面試題，這下面試官讓我們寫程式碼也不怕啦！

CSS問題

• flex佈局
• css3的新特性
• img中alt和title的區別
• 用純CSS建立一個三角形
• 如何理解CSS的盒子模型？
• 如何讓一個div水平居中
• 如何讓一個div水平垂直居中
• 如何清除浮動？

二、JS問題

• typeof和instance of 檢測資料型別有什麼區別？
• 談一談深克隆和淺克隆？
• es6的新特性都有哪些？
• 和=區別是什麼？
• 常見的設計模式有哪些？
• call bind apply 的區別？
• js繼承方式有哪些？
• 你怎樣看待閉包？

Vue問題

• 聊聊對vue的理解
• V-model的原理是什麼？
• 談談對生命週期的理解
• VUE和REACT有什麼區別？
• vuex的流程
• vuex有哪幾種狀態和屬性
• vue路由的兩種模式
• vue中 key 值的作用

React問題

• react和vue的區別
• redux中的reducer（純函式）
• react的refs
• react中的keys
• React的生命週期
• React子元件向父元件傳值
• 為什麼虛擬DOM會提高效能
• diff演算法

伺服器端

• 狀態碼
• 304的快取原理（新增Etag標籤.last-modified）
• get/post的區別
• http協議的理解
• http和https
• http1.0 1.1 2.0的區別
• web快取
• 常見的web安全及防護原理

手寫程式碼

• 動手實現一個bind（原理通過apply，call）
• AJAX （非同步的javascript和xml）
• 函式節流（throttle）
• 函式防抖（dobounce）
• 實現一個函式clone，可以對JavaScript中的5種主要的資料型別（包括Number、String、Object、Array、Boolean）進行值複製
• 實現一個簡單的Promise
• 釋出訂閱者模式（觀察者模式）
• 手動寫一個node伺服器

完整版的前端面試準備題筆記獲取點選這裡即可，並免費送小夥伴們“阿里前端開發規範手冊”，裡面包括了命名規範、HTML 規範 （Vue Template 同樣適用）、CSS 規範、LESS 規範、Javascript 規範、Vue 專案規範等，在csdn這一年來，感謝小夥伴們對我的支援！

小結

第一，
要做自我介紹，要講一下自己的工作經歷，介紹負責過的專案和主要職責，如果面試官對專案感興趣再具體講一下專案細節，為的是讓面試官快速瞭解你的經歷和水平，最好可以在簡歷上準備二維碼，方便預覽。

第二，
要表達自己的價值，告訴面試官你的優勢和價值，比別人強的地方在哪裡。

第三，
要表達自己的期望，比如我期望自己在未來五年內，沉下心來做事情，框架也好，專案也好，工具也好，這些想做的事會不會有助於崗位工作的提高，有沒有大幅改進和提升，讓面試官對你未來的期望值提高。

第四，
要問，你不能總是乾巴巴的去輸出，別人對你瞭解的很清楚，你卻一點不瞭解對方，找工作就像交女朋友一樣，要互相瞭解後再下決定，你要問問公司的核心業務是什麼呀，是朝陽產業還是夕陽產業，這個崗位的主要工作是什麼呀，有沒有未來的晉升空間，公司有沒有培養的計劃呀，公司是技術為主還是業務為主還是銷售為主呀，側面或者正面的去了解這個公司，瞭解要加入的團隊，去考量自己是否適合這個崗位。

四個點清楚以後，我們就知道自己是去幹嗎了，根據現場情況去反映，比如有的面試官對溝通比較生疏，上來問了幾個技術問題，你可以委婉的說：“不好意思，我比較緊張，我能先自我介紹一下嗎？”，另外，如果面試官尬聊，自己也可以趁著空檔去問問崗位的工作內容和公司的主營業務，或者說說自己對工作的期望，當然，也許會遇到很多突發的情況，老生長談，還是要控制情緒，因為自己的目的是高效的獲得適合自己的崗位，其他都是次要的。

注：前端面試題準備筆記和阿里前端開發規範手冊不要忘了點選這獲取，單要手冊也可以的哦