前端面經總結合集（他人+本身）2

2020.11.18 小米一面

1 跨域問題

由於瀏覽器的同源策略致使了跨域。解決方法，JSONP和CORS，整個CORS通訊過程，都是瀏覽器自動完成，不須要用戶參與。實現CORS通訊的關鍵是服務器。只要服務器實現了CORS接口，就能夠跨源通訊。請求分爲：簡單和非簡單請求，簡單請求會在頭信息中增長一個origin字段，說明來自哪一個源，若是origin指定的域名在許可範圍內，服務器返回的響應，會多出幾個頭信息字段。非簡單請求的CORS請求，會在正式通訊以前，增長一次HTTP查詢請求，稱爲"預檢"請求（preflight）。瀏覽器先詢問服務器，當前網頁所在的域名是否在服務器的許可名單之中，以及能夠使用哪些HTTP動詞和頭信息字段。只有獲得確定答覆，瀏覽器纔會發出正式的XMLHttpRequest請求，不然就報錯。

2手寫鏈表，和快排

3寫的項目中的亮點（好好總結）

4 flex佈局

5 eventloop

js是單線程，全部任務分爲同步任務和異步任務，同步任務在主線程上執行，造成執行棧，異步任務運行完，會在任務隊列放置一個事件，當執行棧中的同步任務執行完，系統可以會讀取任務隊列，那些事件對應的異步任務會結束等待狀態，進入執行棧中。主線程從任務隊列中讀取事件，這個過程不斷循環，稱爲eventLoop

6繼承

7es6新屬性

8閉包

9 bind call apply區別，能夠手寫其中一個嗎

10基本類型

11this指向

做爲普通函數被調用，非嚴格模式下指向全局對象；做爲對象屬性被調用，指向對象；做爲構造函數被調用，只想將要被new出的對象；call和apply的應用，指向參數，傳入想要this指向的上下文便可

12 節流和防抖

13react生命週期

總結：項目亮點，本身亮點，基礎。都是面經上的，多刷刷。大廠用react的比較多

11.23 跟誰學一面

一、 promise用法，包括all，then

二、 setTimeIterval和setTimeOut

哪一個是瞬時，怎麼用其中一個實現另一個

三、 給你九個span，手寫九宮格

四、 手寫將一個數組亂序排列

五、 手寫一個冒泡排序

六、 手寫一個關於promise的方法？

七、 用過的框架，有寫太小程序嗎

八、 先後端交互用到cookie，說下這仨的區別

九、 跨域問題簡單請求和複雜請求區別

十、爲啥想作前端，是自學的前端嗎

（小米麪的時候也問到了）