【202303】字節跳動前端面試題 · 大廠前端面試真題

[1、對Flex布局的理解及其使用場景](1%E3%80%81%E5%AF%B9Flex%E5%B8%83%E5%B1%80%E7%9A%84%E7%90%86%E8%A7%A3%E5%8F%8A%E5%85%B6%E4%BD%BF%E7%94%A8%E5%9C%BA%E6%99%AF.md) [2、Js中的原型和原型鏈](2%E3%80%81%E5%8E%9F%E5%9E%8B%E9%93%BE.md) [3、組件之間的傳值有幾種方式？](3%E3%80%81%E7%BB%84%E4%BB%B6%E4%B9%8B%E9%97%B4%E7%9A%84%E4%BC%A0%E5%80%BC%E6%9C%89%E5%87%A0%E7%A7%8D%E6%96%B9%E5%BC%8F.md) [4、常見的水平垂直方式有幾種？](4%E3%80%81%E5%B8%B8%E8%A7%81%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E6%96%B9%E5%BC%8F%E6%9C%89%E5%87%A0%E7%A7%8D%EF%BC%9F.md) [5、說一下類組件和函數組件的區別？](5%E3%80%81%E8%AF%B4%E4%B8%80%E4%B8%8B%E7%B1%BB%E7%BB%84%E4%BB%B6%E5%92%8C%E5%87%BD%E6%95%B0%E7%BB%84%E4%BB%B6%E7%9A%84%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [6、在地址欄里輸入一個地址回車會發生哪些事情？](6%E3%80%81%E5%9C%A8%E5%9C%B0%E5%9D%80%E6%A0%8F%E9%87%8C%E8%BE%93%E5%85%A5%E4%B8%80%E4%B8%AA%E5%9C%B0%E5%9D%80%E5%9B%9E%E8%BD%A6%E4%BC%9A%E5%8F%91%E7%94%9F%E5%93%AA%E4%BA%9B%E4%BA%8B%E6%83%85%EF%BC%9F.md) [7、說一下for...in 和 for...of的區別？](7%E3%80%81%E8%AF%B4%E4%B8%80%E4%B8%8Bfor...in%E5%92%8Cfor...of%E7%9A%84%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [8、虛擬DOM轉換成真實DOM](8%E3%80%81%E8%99%9A%E6%8B%9FDOM%E8%BD%AC%E6%8D%A2%E6%88%90%E7%9C%9F%E5%AE%9EDOM.md) [9、實現節流函數和防抖函數](9%E3%80%81%E5%AE%9E%E7%8E%B0%E8%8A%82%E6%B5%81%E5%87%BD%E6%95%B0%E5%92%8C%E9%98%B2%E6%8A%96%E5%87%BD%E6%95%B0.md) [10、點擊刷新按鈕或者按 F5、按 Ctrl+F5 （強制刷新）、地址欄回車有什么區別？](10%E3%80%81%E7%82%B9%E5%87%BB%E5%88%B7%E6%96%B0%E6%8C%89%E9%92%AE%E6%88%96%E8%80%85%E6%8C%89F5%E3%80%81%E6%8C%89Ctrl+F5%EF%BC%88%E5%BC%BA%E5%88%B6%E5%88%B7%E6%96%B0%EF%BC%89%E3%80%81%E5%9C%B0%E5%9D%80%E6%A0%8F%E5%9B%9E%E8%BD%A6%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [11、實現模板字符串解析](11%E3%80%81%E5%AE%9E%E7%8E%B0%E6%A8%A1%E6%9D%BF%E5%AD%97%E7%AC%A6%E4%B8%B2%E8%A7%A3%E6%9E%90.md) [12、Cookie有哪些字段，作用分別是什么？](12%E3%80%81Cookie%E6%9C%89%E5%93%AA%E4%BA%9B%E5%AD%97%E6%AE%B5%EF%BC%8C%E4%BD%9C%E7%94%A8%E5%88%86%E5%88%AB%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F.md) [13、Promise.race](13%E3%80%81Promise.race.md) [14、說一下slice splice split 的區別？](14%E3%80%81%E8%AF%B4%E4%B8%80%E4%B8%8Bslicesplicesplit%E7%9A%84%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [15、瀏覽器的渲染過程](15%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E6%B8%B2%E6%9F%93%E8%BF%87%E7%A8%8B.md) [16、說一下你對盒模型的理解？](16%E3%80%81%E8%AF%B4%E4%B8%80%E4%B8%8B%E4%BD%A0%E5%AF%B9%E7%9B%92%E6%A8%A1%E5%9E%8B%E7%9A%84%E7%90%86%E8%A7%A3%EF%BC%9F.md) [17、Vue實現雙向數據綁定原理是什么？](17%E3%80%81vue%E5%AE%9E%E7%8E%B0%E5%8F%8C%E5%90%91%E6%95%B0%E6%8D%AE%E7%BB%91%E5%AE%9A%E5%8E%9F%E7%90%86%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F.md) [18、Promise.any](18%E3%80%81Promise.any.md) [19、閉包的應用場景](19%E3%80%81%E9%97%AD%E5%8C%85%E7%9A%84%E5%BA%94%E7%94%A8%E5%9C%BA%E6%99%AF.md)