【202308】【校招】24秋招快手前端面經 · 大廠前端面試真題

[1、一面：說一說 this](1%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E8%AF%B4%E4%B8%80%E8%AF%B4this.md) [2、一面：說一說 call/apply/bind](2%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E8%AF%B4%E4%B8%80%E8%AF%B4call-apply-bind.md) [3、一面：手寫 call](3%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E6%89%8B%E5%86%99call.md) [4、一面：說一說 flex 布局](4%E3%80%81%E8%AF%B4%E4%B8%80%E8%AF%B4flex%E5%B8%83%E5%B1%80.md) [5、一面：介紹一下 flex: 1 代表了什么以及它的作用是什么？](5%E3%80%81%E4%BB%8B%E7%BB%8D%E4%B8%80%E4%B8%8Bflex1%E4%BB%A3%E8%A1%A8%E4%BA%86%E4%BB%80%E4%B9%88%E4%BB%A5%E5%8F%8A%E5%AE%83%E7%9A%84%E4%BD%9C%E7%94%A8%E6%98%AF%E4%BB%80%E4%B9%88.md) [6、一面：實現三列布局，兩側固定，中間自適應](6%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E5%AE%9E%E7%8E%B0%E4%B8%89%E5%88%97%E5%B8%83%E5%B1%80%EF%BC%8C%E4%B8%A4%E4%BE%A7%E5%9B%BA%E5%AE%9A%EF%BC%8C%E4%B8%AD%E9%97%B4%E8%87%AA%E9%80%82%E5%BA%94.md) [7、一面：手寫數組的 flat，可以控制扁平化的層級數](7%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E6%89%8B%E5%86%99%E6%95%B0%E7%BB%84%E7%9A%84flat%EF%BC%8C%E5%8F%AF%E4%BB%A5%E6%8E%A7%E5%88%B6%E6%89%81%E5%B9%B3%E5%8C%96%E7%9A%84%E5%B1%82%E7%BA%A7%E6%95%B0.md) [8、一面：手寫 retry 函數，參數為 fn、重試最大次數和重試間隔](8%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E6%89%8B%E5%86%99retry%E5%87%BD%E6%95%B0%EF%BC%8C%E5%8F%82%E6%95%B0%E4%B8%BAfn%E3%80%81%E9%87%8D%E8%AF%95%E6%9C%80%E5%A4%A7%E6%AC%A1%E6%95%B0%E5%92%8C%E9%87%8D%E8%AF%95%E9%97%B4%E9%9A%94.md) [9、一面：手寫一個回溯算法，實現全排列](9%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AA%E5%9B%9E%E6%BA%AF%E7%AE%97%E6%B3%95%EF%BC%8C%E5%AE%9E%E7%8E%B0%E5%85%A8%E6%8E%92%E5%88%97.md) [10、一面：描述下原型鏈](10%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E6%8F%8F%E8%BF%B0%E4%B8%8B%E5%8E%9F%E5%9E%8B%E9%93%BE.md) [11、一面：手寫 new](11%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E6%89%8B%E5%86%99new.md) [12、一面：介紹 HTTP 與 TCP 協議](12%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E4%BB%8B%E7%BB%8DHTTP%E4%B8%8ETCP%E5%8D%8F%E8%AE%AE.md) [13、一面：描述下 EventLoop 執行過程](13%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E6%8F%8F%E8%BF%B0%E4%B8%8BEventLoop%E6%89%A7%E8%A1%8C%E8%BF%87%E7%A8%8B.md) [14、一面：Webpack 中的 loader 和 plugin 的區別](14%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9AWebpack%E4%B8%AD%E7%9A%84loader%E5%92%8Cplugin%E7%9A%84%E5%8C%BA%E5%88%AB.md) [15、一面：輸入 URL 到頁面呈現的過程](15%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E8%BE%93%E5%85%A5URL%E5%88%B0%E9%A1%B5%E9%9D%A2%E5%91%88%E7%8E%B0%E7%9A%84%E8%BF%87%E7%A8%8B.md) [16、一面：優化頁面加載時間的方法](16%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E4%BC%98%E5%8C%96%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E6%97%B6%E9%97%B4%E7%9A%84%E6%96%B9%E6%B3%95.md) [17、二面：手寫一個遞歸的算法](17%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AA%E9%80%92%E5%BD%92%E7%9A%84%E7%AE%97%E6%B3%95.md) [18、二面：手寫一個 bfs 的算法](18%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AAbfs%E7%9A%84%E7%AE%97%E6%B3%95.md) [19、二面：寫一寫你知道的數組的方法](19%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E5%86%99%E4%B8%80%E5%86%99%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E6%95%B0%E7%BB%84%E7%9A%84%E6%96%B9%E6%B3%95.md) [20、二面：介紹一下 at、foreach、map 方法](20%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BB%8B%E7%BB%8D%E4%B8%80%E4%B8%8Bat%E3%80%81foreach%E3%80%81map%E6%96%B9%E6%B3%95.md) [21、二面：開放題：介紹讓元素在頁面上消失的方法](21%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E5%BC%80%E6%94%BE%E9%A2%98%EF%BC%9A%E4%BB%8B%E7%BB%8D%E8%AE%A9%E5%85%83%E7%B4%A0%E5%9C%A8%E9%A1%B5%E9%9D%A2%E4%B8%8A%E6%B6%88%E5%A4%B1%E7%9A%84%E6%96%B9%E6%B3%95.md) [22、二面：開放題：頁面中如果打開一個新的頁面，那么你有什么方法能獲取上一個頁面傳遞的數據？](22%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E5%BC%80%E6%94%BE%E9%A2%98%EF%BC%9A%E9%A1%B5%E9%9D%A2%E4%B8%AD%E5%A6%82%E6%9E%9C%E6%89%93%E5%BC%80%E4%B8%80%E4%B8%AA%E6%96%B0%E7%9A%84%E9%A1%B5%E9%9D%A2%EF%BC%8C%E9%82%A3%E4%B9%88%E4%BD%A0%E6%9C%89%E4%BB%80%E4%B9%88%E6%96%B9%E6%B3%95%E8%83%BD%E8%8E%B7%E5%8F%96%E4%B8%8A%E4%B8%80%E4%B8%AA%E9%A1%B5%E9%9D%A2%E4%BC%A0%E9%80%92%E7%9A%84%E6%95%B0%E6%8D%AE%EF%BC%9F.md) [23、二面：你知道請求頭怎么傳遞數據嘛？](23%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BD%A0%E7%9F%A5%E9%81%93%E8%AF%B7%E6%B1%82%E5%A4%B4%E6%80%8E%E4%B9%88%E4%BC%A0%E9%80%92%E6%95%B0%E6%8D%AE%E5%98%9B%EF%BC%9F.md) [24、二面：你怎么對一個請求做處理，從數據發送到接受返回數據的處理？](24%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BD%A0%E6%80%8E%E4%B9%88%E5%AF%B9%E4%B8%80%E4%B8%AA%E8%AF%B7%E6%B1%82%E5%81%9A%E5%A4%84%E7%90%86%EF%BC%8C%E4%BB%8E%E6%95%B0%E6%8D%AE%E5%8F%91%E9%80%81%E5%88%B0%E6%8E%A5%E5%8F%97%E8%BF%94%E5%9B%9E%E6%95%B0%E6%8D%AE%E7%9A%84%E5%A4%84%E7%90%86%EF%BC%9F.md) [25、二面：你怎么處理 304 狀態碼？](25%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BD%A0%E6%80%8E%E4%B9%88%E5%A4%84%E7%90%86304%E7%8A%B6%E6%80%81%E7%A0%81%EF%BC%9F.md) [26、二面：介紹一下瀏覽的強緩存與協商緩存](26%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BB%8B%E7%BB%8D%E4%B8%80%E4%B8%8B%E6%B5%8F%E8%A7%88%E7%9A%84%E5%BC%BA%E7%BC%93%E5%AD%98%E4%B8%8E%E5%8D%8F%E5%95%86%E7%BC%93%E5%AD%98.md)