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

[1、PC端和移動端項目CSS的適配區別](1%E3%80%81PC%E7%AB%AF%E5%92%8C%E7%A7%BB%E5%8A%A8%E7%AB%AF%E9%A1%B9%E7%9B%AECSS%E7%9A%84%E9%80%82%E9%85%8D%E5%8C%BA%E5%88%AB.md) [2、rem是怎么設置的，手動算的還是用了庫？](2%E3%80%81rem%E6%98%AF%E6%80%8E%E4%B9%88%E8%AE%BE%E7%BD%AE%E7%9A%84%EF%BC%8C%E6%89%8B%E5%8A%A8%E7%AE%97%E7%9A%84%E8%BF%98%E6%98%AF%E7%94%A8%E4%BA%86%E5%BA%93%EF%BC%9F.md) [3、?rem和em的區別](3%E3%80%81rem%E5%92%8Cem%E7%9A%84%E5%8C%BA%E5%88%AB.md) [4、屏幕大小變化的時候是如何適配的？](4%E3%80%81%E5%B1%8F%E5%B9%95%E5%A4%A7%E5%B0%8F%E5%8F%98%E5%8C%96%E7%9A%84%E6%97%B6%E5%80%99%E6%98%AF%E5%A6%82%E4%BD%95%E9%80%82%E9%85%8D%E7%9A%84%EF%BC%9F.md) [5、直接寫rem計算屏幕的寬高是怎么獲取的？](5%E3%80%81%E7%9B%B4%E6%8E%A5%E5%86%99rem%E8%AE%A1%E7%AE%97%E5%B1%8F%E5%B9%95%E7%9A%84%E5%AE%BD%E9%AB%98%E6%98%AF%E6%80%8E%E4%B9%88%E8%8E%B7%E5%8F%96%E7%9A%84%EF%BC%9F.md) [6、其他移動端適配的方法？](6%E3%80%81%E5%85%B6%E4%BB%96%E7%A7%BB%E5%8A%A8%E7%AB%AF%E9%80%82%E9%85%8D%E7%9A%84%E6%96%B9%E6%B3%95%EF%BC%9F.md) [7、邏輯像素和物理像素的區別](7%E3%80%81%E9%80%BB%E8%BE%91%E5%83%8F%E7%B4%A0%E5%92%8C%E7%89%A9%E7%90%86%E5%83%8F%E7%B4%A0%E7%9A%84%E5%8C%BA%E5%88%AB.md) [8、瀏覽器渲染是如何解析渲染html文檔的？](8%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E6%B8%B2%E6%9F%93%E6%98%AF%E5%A6%82%E4%BD%95%E8%A7%A3%E6%9E%90%E6%B8%B2%E6%9F%93html%E6%96%87%E6%A1%A3%E7%9A%84%EF%BC%9F.md) [9、Css下載的過程會阻塞js的下載嗎？為什么阻塞？](9%E3%80%81Css%E4%B8%8B%E8%BD%BD%E7%9A%84%E8%BF%87%E7%A8%8B%E4%BC%9A%E9%98%BB%E5%A1%9Ejs%E7%9A%84%E4%B8%8B%E8%BD%BD%E5%90%97%EF%BC%9F.md) [10、項目性能優化的方式](10%E3%80%81%E9%A1%B9%E7%9B%AE%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E7%9A%84%E6%96%B9%E5%BC%8F.md) [11、tree?shaking的限制條件？比如模塊化方式commonJS或ES6module的方法能實現嗎？](11%E3%80%81treeshaking%E7%9A%84%E9%99%90%E5%88%B6%E6%9D%A1%E4%BB%B6%EF%BC%9F%E6%AF%94%E5%A6%82%E6%A8%A1%E5%9D%97%E5%8C%96%E6%96%B9%E5%BC%8FcommonJS%E6%88%96ES6module%E7%9A%84%E6%96%B9%E6%B3%95%E8%83%BD%E5%AE%9E%E7%8E%B0%E5%90%97%EF%BC%9F.md) [12、原生JS?類的實現方法，比如new一個函數的過程](12%E3%80%81%E5%8E%9F%E7%94%9FJS%E7%B1%BB%E7%9A%84%E5%AE%9E%E7%8E%B0%E6%96%B9%E6%B3%95%EF%BC%8C%E6%AF%94%E5%A6%82new%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0%E7%9A%84%E8%BF%87%E7%A8%8B.md) [13、ES6的class編譯完成后產物是什么樣的，比如是函數or對象or數組？](13%E3%80%81ES6%E7%9A%84class%E7%BC%96%E8%AF%91%E5%AE%8C%E6%88%90%E5%90%8E%E4%BA%A7%E7%89%A9%E6%98%AF%E4%BB%80%E4%B9%88%E6%A0%B7%E7%9A%84%EF%BC%8C%E6%AF%94%E5%A6%82%E6%98%AF%E5%87%BD%E6%95%B0or%E5%AF%B9%E8%B1%A1or%E6%95%B0%E7%BB%84%EF%BC%9F.md) [14、ES6中繼承的原理？](14%E3%80%81ES6%E4%B8%AD%E7%BB%A7%E6%89%BF%E7%9A%84%E5%8E%9F%E7%90%86%EF%BC%9F.md) [15、原型鏈](15%E3%80%81%E5%8E%9F%E5%9E%8B%E9%93%BE.md) [16、function的prototype是什么？](16%E3%80%81function%E7%9A%84prototype%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F.md) [17、閉包原理](17%E3%80%81%E9%97%AD%E5%8C%85%E5%8E%9F%E7%90%86.md) [18、ES5有哪些作用域，ES6呢？](18%E3%80%81ES5%E6%9C%89%E5%93%AA%E4%BA%9B%E4%BD%9C%E7%94%A8%E5%9F%9F%EF%BC%8CES6%E5%91%A2%EF%BC%9F.md) [19、項目中用過的異步方法怎么實現的？](19%E3%80%81%E9%A1%B9%E7%9B%AE%E4%B8%AD%E7%94%A8%E8%BF%87%E7%9A%84%E5%BC%82%E6%AD%A5%E6%96%B9%E6%B3%95%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%E7%9A%84%EF%BC%9F.md) [20、promise傳的參數(resolve，reject)執行時機是異步還是同步的？](20%E3%80%81promise%E4%BC%A0%E7%9A%84%E5%8F%82%E6%95%B0resolve%EF%BC%8Creject%E6%89%A7%E8%A1%8C%E6%97%B6%E6%9C%BA%E6%98%AF%E5%BC%82%E6%AD%A5%E8%BF%98%E6%98%AF%E5%90%8C%E6%AD%A5%E7%9A%84%EF%BC%9F.md) [21、Promise函數里有error會怎么樣？必須catch嗎，用then呢？](21%E3%80%81%E5%87%BD%E6%95%B0%E9%87%8C%E6%9C%89error%E4%BC%9A%E6%80%8E%E4%B9%88%E6%A0%B7%EF%BC%9F.md) [22、async/await原理](22%E3%80%81asyncawait%E5%8E%9F%E7%90%86.md) [23、?await后面跟一個1或者字符串可以嗎？](23%E3%80%81await%E5%90%8E%E9%9D%A2%E8%B7%9F%E4%B8%80%E4%B8%AA1%E6%88%96%E8%80%85%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%8F%AF%E4%BB%A5%E5%90%97%EF%BC%9F.md) [24、?Generator函數接觸過嗎？](24%E3%80%81Generator%E5%87%BD%E6%95%B0%E6%8E%A5%E8%A7%A6%E8%BF%87%E5%90%97%EF%BC%9F.md) [25、瀏覽器的Eventloop和node的Eventloop區別](25%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84Eventloop%E5%92%8Cnode%E7%9A%84Eventloop%E5%8C%BA%E5%88%AB.md) [26、異步任務掛起之后還可以給下一個用戶提供服務嗎？（掛起期間有新用戶訪問）](26%E3%80%81%E5%BC%82%E6%AD%A5%E4%BB%BB%E5%8A%A1%E6%8C%82%E8%B5%B7%E4%B9%8B%E5%90%8E%E8%BF%98%E5%8F%AF%E4%BB%A5%E7%BB%99%E4%B8%8B%E4%B8%80%E4%B8%AA%E7%94%A8%E6%88%B7%E6%8F%90%E4%BE%9B%E6%9C%8D%E5%8A%A1%E5%90%97%EF%BC%9F%EF%BC%88%E6%8C%82%E8%B5%B7%E6%9C%9F%E9%97%B4%E6%9C%89%E6%96%B0%E7%94%A8%E6%88%B7%E8%AE%BF%E9%97%AE%EF%BC%89.md) [27、git用到哪些命令多一些？merge用過嗎？](27%E3%80%81git%E7%94%A8%E5%88%B0%E5%93%AA%E4%BA%9B%E5%91%BD%E4%BB%A4%E5%A4%9A%E4%B8%80%E4%BA%9B%EF%BC%9F.md) [28、跨域問題如何解決？](28%E3%80%81%E8%B7%A8%E5%9F%9F%E9%97%AE%E9%A2%98%E5%A6%82%E4%BD%95%E8%A7%A3%E5%86%B3%EF%BC%9F.md) [29、跨域請求的時候帶cookie怎么帶？](29%E3%80%81%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E7%9A%84%E6%97%B6%E5%80%99%E5%B8%A6cookie%E6%80%8E%E4%B9%88%E5%B8%A6%EF%BC%9F.md) [30、編程：最長連續遞增數組，復雜度多少，能優化到多少？](30%E3%80%81%E7%BC%96%E7%A8%8B%EF%BC%9A%E6%9C%80%E9%95%BF%E8%BF%9E%E7%BB%AD%E9%80%92%E5%A2%9E%E6%95%B0%E7%BB%84%EF%BC%8C%E5%A4%8D%E6%9D%82%E5%BA%A6%E5%A4%9A%E5%B0%91%EF%BC%8C%E8%83%BD%E4%BC%98%E5%8C%96%E5%88%B0%E5%A4%9A%E5%B0%91%EF%BC%9F.md) [31、編程：二叉樹層數](31%E3%80%81%E7%BC%96%E7%A8%8B%EF%BC%9A%E4%BA%8C%E5%8F%89%E6%A0%91%E5%B1%82%E6%95%B0.md)