【202306】大專前端，三輪面試，終與阿里無緣 · 大廠前端面試真題

[1、第一道題目是算法題](1.%E7%AC%AC%E4%B8%80%E9%81%93%E9%A2%98%E7%9B%AE%E6%98%AF%E7%AE%97%E6%B3%95%E9%A2%98.md) [2、第二道題目是場景題](2.%E7%AC%AC%E4%BA%8C%E9%81%93%E9%A2%98%E7%9B%AE%E6%98%AF%E5%9C%BA%E6%99%AF%E9%A2%98.md) [3、一面：七層網絡模型、和 DNS](3%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E4%B8%83%E5%B1%82%E7%BD%91%E7%BB%9C%E6%A8%A1%E5%9E%8B%E3%80%81%E5%92%8CDNS.md) [4、一面：一些 host 相關的東西](4%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E4%B8%80%E4%BA%9Bhost%E7%9B%B8%E5%85%B3%E7%9A%84%E4%B8%9C%E8%A5%BF.md) [5、一面：React 代碼層的優化可以說一下么？](5%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9AReact%E4%BB%A3%E7%A0%81%E5%B1%82%E7%9A%84%E4%BC%98%E5%8C%96%E5%8F%AF%E4%BB%A5%E8%AF%B4%E4%B8%80%E4%B8%8B%E4%B9%88%EF%BC%9F.md) [6、一面：說一下 useMemo 和 useCallback 有什么區別？](6%E3%80%81%E8%AF%B4%E4%B8%80%E4%B8%8BuseMemo%E5%92%8CuseCallback%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [7、一面：說一下 useEffect 和 useLayoutEffect 有什么區別？](7%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E8%AF%B4%E4%B8%80%E4%B8%8BuseEffect%E5%92%8CuseLayoutEffect%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [8、一面：問了一下 useEffect 對應在 class 中都生命周期怎么寫？](8%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E9%97%AE%E4%BA%86%E4%B8%80%E4%B8%8BuseEffect%E5%AF%B9%E5%BA%94%E5%9C%A8class%E4%B8%AD%E9%83%BD%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F.md) [9、一面：如果在 if 里面寫 useEffect 會有什么表現？](9%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E5%A6%82%E6%9E%9C%E5%9C%A8if%E9%87%8C%E9%9D%A2%E5%86%99useEffect%E4%BC%9A%E6%9C%89%E4%BB%80%E4%B9%88%E8%A1%A8%E7%8E%B0%EF%BC%9F.md) [10、一面：說一下 React 的 Fiber 架構是什么？](10%E3%80%81%E4%B8%80%E9%9D%A2%EF%BC%9A%E8%AF%B4%E4%B8%80%E4%B8%8BReact%E7%9A%84Fiber%E6%9E%B6%E6%9E%84%E6%98%AF%E4%BB%80%E4%B9%88.md) [11、二面：在 js 中原型鏈是一個很重要的概念，你能介紹一下它嗎？](17%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E5%9C%A8js%E4%B8%AD%E5%8E%9F%E5%9E%8B%E9%93%BE%E6%98%AF%E4%B8%80%E4%B8%AA%E5%BE%88%E9%87%8D%E8%A6%81%E7%9A%84%E6%A6%82%E5%BF%B5%EF%BC%8C%E4%BD%A0%E8%83%BD%E4%BB%8B%E7%BB%8D%E4%B8%80%E4%B8%8B%E5%AE%83%E5%90%97%EF%BC%9F.md) [12、二面：object 的原型指向誰？](18%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Aobject%E7%9A%84%E5%8E%9F%E5%9E%8B%E6%8C%87%E5%90%91%E8%B0%81%EF%BC%9F.md) [13、二面：能說一下原型鏈的查找過程嗎？](19%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E8%83%BD%E8%AF%B4%E4%B8%80%E4%B8%8B%E5%8E%9F%E5%9E%8B%E9%93%BE%E7%9A%84%E6%9F%A5%E6%89%BE%E8%BF%87%E7%A8%8B%E5%90%97%EF%BC%9F.md) [14、二面：node 的內存管理跟垃圾回收機制有了解過嗎？](20%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Anode%E7%9A%84%E5%86%85%E5%AD%98%E7%AE%A1%E7%90%86%E8%B7%9F%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E6%9C%BA%E5%88%B6%E6%9C%89%E4%BA%86%E8%A7%A3%E8%BF%87%E5%90%97%EF%BC%9F.md) [15、二面：js 中的基礎類型和對象類型有什么不一樣？](21%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Ajs%E4%B8%AD%E7%9A%84%E5%9F%BA%E7%A1%80%E7%B1%BB%E5%9E%8B%E5%92%8C%E5%AF%B9%E8%B1%A1%E7%B1%BB%E5%9E%8B%E6%9C%89%E4%BB%80%E4%B9%88%E4%B8%8D%E4%B8%80%E6%A0%B7%EF%BC%9F.md) [16、二面：你能簡單的介紹一下 hooks 嗎？](22%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BD%A0%E8%83%BD%E7%AE%80%E5%8D%95%E7%9A%84%E4%BB%8B%E7%BB%8D%E4%B8%80%E4%B8%8Bhooks%E5%90%97%EF%BC%9F.md) [17、二面：簡單說一下 useEffect 的用法](23%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E7%AE%80%E5%8D%95%E8%AF%B4%E4%B8%80%E4%B8%8BuseEffect%E7%9A%84%E7%94%A8%E6%B3%95.md) [18、二面：說一下 useEffect 的返回值用來做什么？](24%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E8%AF%B4%E4%B8%80%E4%B8%8BuseEffect%E7%9A%84%E8%BF%94%E5%9B%9E%E5%80%BC%E7%94%A8%E6%9D%A5%E5%81%9A%E4%BB%80%E4%B9%88%EF%BC%9F.md) [19、二面：你知道 useEffect 第二個參數內部是怎么比較的嗎？](25%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BD%A0%E7%9F%A5%E9%81%93useEffect%E7%AC%AC%E4%BA%8C%E4%B8%AA%E5%8F%82%E6%95%B0%E5%86%85%E9%83%A8%E6%98%AF%E6%80%8E%E4%B9%88%E6%AF%94%E8%BE%83%E7%9A%84%E5%90%97%EF%BC%9F.md) [20、二面：http 是在哪一層實現的？](26%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Ahttp%E6%98%AF%E5%9C%A8%E5%93%AA%E4%B8%80%E5%B1%82%E5%AE%9E%E7%8E%B0%E7%9A%84%EF%BC%9F.md) [21、二面：說一下 get 跟 post 有什么區別？](27%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E8%AF%B4%E4%B8%80%E4%B8%8Bget%E8%B7%9Fpost%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [22、二面：說一下瀏覽器輸入 url 到頁面加載的過程](28%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E8%AF%B4%E4%B8%80%E4%B8%8B%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5url%E5%88%B0%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E7%9A%84%E8%BF%87%E7%A8%8B.md) [23、二面：菜單左中右布局，兩邊定寬，中間自適應，說一下有幾種實現方式](29%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E8%8F%9C%E5%8D%95%E5%B7%A6%E4%B8%AD%E5%8F%B3%E5%B8%83%E5%B1%80%EF%BC%8C%E4%B8%A4%E8%BE%B9%E5%AE%9A%E5%AE%BD%EF%BC%8C%E4%B8%AD%E9%97%B4%E8%87%AA%E9%80%82%E5%BA%94%EF%BC%8C%E8%AF%B4%E4%B8%80%E4%B8%8B%E6%9C%89%E5%87%A0%E7%A7%8D%E5%AE%9E%E7%8E%B0%E6%96%B9%E5%BC%8F.md)