一、前言

首先，面試官很和藹，甚至我感覺和藹過頭了——他戴著牙套，長得很像我的有個高中同學(xué)，講話也軟綿綿的，不過聽得出來是非常有實力的。

其次，面試環(huán)境非常嘈雜，各種噪音不絕于耳，懷疑是在一個辦公室里面面試的，我甚至有時候聽不清面試官在講什么。

最后，面試官感覺是優(yōu)點刻意的想跳過我和他的交流過程，想盡快的讓我進(jìn)行八股吟唱。這點稍微有點令人忍俊不禁。

不過總之，還是有收獲一些東西的。

二、題目列表

1. 自我介紹。

2. 從我的簡歷上面自己選了一個項目讓我講，并問了團(tuán)隊規(guī)模，Github 上怎么去協(xié)作一個項目。

3. 你的這個專業(yè)為什么會讓你接觸到前端這個方向？你是怎么看待前端這個崗位的呢？

4. GET 和 POST 請求有什么區(qū)別？POST 和 PUT 請求有什么區(qū)別？

5. 說一下前端存儲，LocalStorage、SessionStorage、Cookie三者的區(qū)別和特點。LocalStorage 在不同的 url 之間就不能夠共享了嗎？

   LocalStorage 在 同源 之間是共享的。

6. 說一下跨域。

7. 說一下節(jié)流和防抖，并且描述一下這兩者分別在什么情況下使用？

8. 說一下 CSS 中的選擇器分別有哪些？這些選擇器的優(yōu)先級又是如何？

9. 怎么實現(xiàn)一個水平垂直居中。

10. 說一下 flex 布局中的 justify-content 屬性，它只用于水平居中嗎？

11. opacity: 0 和 display: none 兩者有什么區(qū)別？

12. v-if 和 v-show 兩者有什么區(qū)別？

13. opacity 從 0 到 1 觸發(fā)的是回流還是重繪？

14. 說一下事件委托。

15. 有用過 React 嗎？

16. Promise.all 和 Promise.race 兩者有什么區(qū)別？有了解過 Promise.allSettled 嗎？

17. 代碼題：實現(xiàn)一個函數(shù)，傳入一個 list 數(shù)組，list 內(nèi)部是一個 {name: string; value: number} 類型的item，需要返回一個以 name 為鍵、值為 value 數(shù)組的對象。

18. 代碼題：實現(xiàn)一個函數(shù)，傳入 10 個 machine 對象，每個對象中都有一個 update 的異步方法，這個函數(shù)中每次智能同時執(zhí)行三個 machine 的這個方法，其他的方法需要等待三個 update 進(jìn)行完后方可開始執(zhí)行。

19. 反問階段。

三、后記

總體來說面試體驗很不錯，如果我在回答的過程中出現(xiàn)了回答錯誤，面試官是會直接來糾正我的錯誤并指出正確的回答，讓我覺得收獲比較大。

算法題第一題比較簡單，第二題有點吃力，不過最終還是寫出來了。

最后一面是順利過了，不過因為已經(jīng)答應(yīng)了蔚來的 offer，因此二面準(zhǔn)備不打算參與了。