【202310】字節Ads Infra 前端實習一面 · 大廠前端面試真題

[1、性能優化怎么做，單幀渲染時間和內存是如何計算的，直接看性能指標的？](1%E3%80%81%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E6%80%8E%E4%B9%88%E5%81%9A%EF%BC%8C%E5%8D%95%E5%B8%A7%E6%B8%B2%E6%9F%93%E6%97%B6%E9%97%B4%E5%92%8C%E5%86%85%E5%AD%98%E6%98%AF%E5%A6%82%E4%BD%95%E8%AE%A1%E7%AE%97%E7%9A%84%EF%BC%8C%E7%9B%B4%E6%8E%A5%E7%9C%8B%E6%80%A7%E8%83%BD%E6%8C%87%E6%A0%87%E7%9A%84%EF%BC%9F.md) [2、權限模型是怎么設計的，前端如何限制，其他還有什么鑒權方式，cookie session？](2%E3%80%81%E6%9D%83%E9%99%90%E6%A8%A1%E5%9E%8B%E6%98%AF%E6%80%8E%E4%B9%88%E8%AE%BE%E8%AE%A1%E7%9A%84%EF%BC%8C%E5%89%8D%E7%AB%AF%E5%A6%82%E4%BD%95%E9%99%90%E5%88%B6%EF%BC%8C%E5%85%B6%E4%BB%96%E8%BF%98%E6%9C%89%E4%BB%80%E4%B9%88%E9%89%B4%E6%9D%83%E6%96%B9%E5%BC%8F%EF%BC%8Ccookiesession%EF%BC%9F.md) [3、jwt的優缺點](3%E3%80%81jwt%E7%9A%84%E4%BC%98%E7%BC%BA%E7%82%B9.md) [4、flex：0 1 auto 分別代表什么？](4%E3%80%81flex%EF%BC%9A01auto%E5%88%86%E5%88%AB%E4%BB%A3%E8%A1%A8%E4%BB%80%E4%B9%88%EF%BC%9F.md) [5、瀏覽器是如何渲染一個html文件的？](5%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E6%98%AF%E5%A6%82%E4%BD%95%E6%B8%B2%E6%9F%93%E4%B8%80%E4%B8%AAhtml%E6%96%87%E4%BB%B6%E7%9A%84%EF%BC%9F.md) [6、瀏覽器的存儲方式有哪些，有什么差異，用過indexDB嗎？](6%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E5%AD%98%E5%82%A8%E6%96%B9%E5%BC%8F%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%8C%E6%9C%89%E4%BB%80%E4%B9%88%E5%B7%AE%E5%BC%82%EF%BC%8Csession%E5%92%8CsessionStorage%EF%BC%8C%E7%94%A8%E8%BF%87indexDB%E5%90%97%EF%BC%9F.md) [7、css加載會阻塞dom樹的解析嗎，會阻塞渲染嗎？](7%E3%80%81css%E5%8A%A0%E8%BD%BD%E4%BC%9A%E9%98%BB%E5%A1%9Edom%E6%A0%91%E7%9A%84%E8%A7%A3%E6%9E%90%E5%90%97%EF%BC%8C%E4%BC%9A%E9%98%BB%E5%A1%9E%E6%B8%B2%E6%9F%93%E5%90%97%EF%BC%9F.md) [8、講一下瀏覽器的事件循環，如果在執行微任務的時候又產生了微任務，這個是在什么時候執行的？](8%E3%80%81%E8%AE%B2%E4%B8%80%E4%B8%8B%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%EF%BC%8C%E5%A6%82%E6%9E%9C%E5%9C%A8%E6%89%A7%E8%A1%8C%E5%BE%AE%E4%BB%BB%E5%8A%A1%E7%9A%84%E6%97%B6%E5%80%99%E5%8F%88%E4%BA%A7%E7%94%9F%E4%BA%86%E5%BE%AE%E4%BB%BB%E5%8A%A1%EF%BC%8C%E8%BF%99%E4%B8%AA%E6%98%AF%E5%9C%A8%E4%BB%80%E4%B9%88%E6%97%B6%E5%80%99%E6%89%A7%E8%A1%8C%E7%9A%84%EF%BC%9F.md) [9、列舉你知道的微任務和宏任務有哪些，process.nextTick是什么時候執行的？](9%E3%80%81%E5%88%97%E4%B8%BE%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E5%BE%AE%E4%BB%BB%E5%8A%A1%E5%92%8C%E5%AE%8F%E4%BB%BB%E5%8A%A1%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%8Cprocess.nextTick%E6%98%AF%E4%BB%80%E4%B9%88%E6%97%B6%E5%80%99%E6%89%A7%E8%A1%8C%E7%9A%84%EF%BC%9F.md) [10、node事件循環的6個階段](10%E3%80%81node%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E7%9A%846%E4%B8%AA%E9%98%B6%E6%AE%B5.md) [11、為什么需要有微任務這個概念，可以從執行時機方面考慮？](11%E3%80%81%E4%B8%BA%E4%BB%80%E4%B9%88%E9%9C%80%E8%A6%81%E6%9C%89%E5%BE%AE%E4%BB%BB%E5%8A%A1%E8%BF%99%E4%B8%AA%E6%A6%82%E5%BF%B5%EF%BC%8C%E5%8F%AF%E4%BB%A5%E4%BB%8E%E6%89%A7%E8%A1%8C%E6%97%B6%E6%9C%BA%E6%96%B9%E9%9D%A2%E8%80%83%E8%99%91%EF%BC%9F.md) [12、網絡請求xhr是什么任務？](12%E3%80%81%E7%BD%91%E7%BB%9C%E8%AF%B7%E6%B1%82xhr%E6%98%AF%E4%BB%80%E4%B9%88%E4%BB%BB%E5%8A%A1%EF%BC%9F.md) [13、promise.all和promise. race，如何處理報錯？](13%E3%80%81promise.all%E5%92%8Cpromise.once%EF%BC%8C%E5%A6%82%E4%BD%95%E5%A4%84%E7%90%86%E6%8A%A5%E9%94%99%EF%BC%9F.md) [14、promise.race是什么？](14%E3%80%81promise.race%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F.md) [15、promise.all如何實現所有的執行完再返回？](15%E3%80%81promise.all%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0%E6%89%80%E6%9C%89%E7%9A%84%E6%89%A7%E8%A1%8C%E5%AE%8C%E5%86%8D%E8%BF%94%E5%9B%9E%EF%BC%9F%EF%BC%88%E5%8F%AF%E4%BB%A5%E7%9B%B4%E6%8E%A5catch%EF%BC%8C%E6%88%96promise.allSettled%EF%BC%89.md) [16、new的過程中做了什么，和構造函數有什么關聯？](16%E3%80%81new%E7%9A%84%E8%BF%87%E7%A8%8B%E4%B8%AD%E5%81%9A%E4%BA%86%E4%BB%80%E4%B9%88%EF%BC%8C%E5%92%8C%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0%E6%9C%89%E4%BB%80%E4%B9%88%E5%85%B3%E8%81%94%EF%BC%9F.md) [17、講一下原型和原型鏈](17%E3%80%81%E8%AE%B2%E4%B8%80%E4%B8%8B%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE.md) [18、用過ts嗎，講一下泛型？](18%E3%80%81%E7%94%A8%E8%BF%87ts%E5%90%97%EF%BC%8C%E8%AE%B2%E4%B8%80%E4%B8%8B%E6%B3%9B%E5%9E%8B%EF%BC%9F.md) [19、實現泛型](19%E3%80%81%E9%A2%982%EF%BC%9A%E5%AE%9E%E7%8E%B0%E6%B3%9B%E5%9E%8B.md) [20、為什么用vue可以直接用this.xxx來賦值，而react不行？](20%E3%80%81%E4%B8%BA%E4%BB%80%E4%B9%88%E7%94%A8vue%E5%8F%AF%E4%BB%A5%E7%9B%B4%E6%8E%A5%E7%94%A8this.xxx%E6%9D%A5%E8%B5%8B%E5%80%BC%EF%BC%8C%E8%80%8Creact%E4%B8%8D%E8%A1%8C%EF%BC%9F.md) [21、為什么react要使用setState顯式的設置值？](21%E3%80%81%E4%B8%BA%E4%BB%80%E4%B9%88react%E8%A6%81%E4%BD%BF%E7%94%A8setState%E6%98%BE%E5%BC%8F%E7%9A%84%E8%AE%BE%E7%BD%AE%E5%80%BC%EF%BC%9F.md) [22、hooks為什么不能在循環或條件語句中執行？](22%E3%80%81hooks%E4%B8%BA%E4%BB%80%E4%B9%88%E4%B8%8D%E8%83%BD%E5%9C%A8%E5%BE%AA%E7%8E%AF%E6%88%96%E6%9D%A1%E4%BB%B6%E8%AF%AD%E5%8F%A5%E4%B8%AD%E6%89%A7%E8%A1%8C%EF%BC%9F.md) [23、express和koa有什么區別，中間件執行方面？](23%E3%80%81express%E5%92%8Ckoa%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%8C%E4%B8%AD%E9%97%B4%E4%BB%B6%E6%89%A7%E8%A1%8C%E6%96%B9%E9%9D%A2%EF%BC%9F.md) [24、題3：大數相加](24%E3%80%81%E9%A2%983%EF%BC%9A%E5%A4%A7%E6%95%B0%E7%9B%B8%E5%8A%A0.md) [25、題4：實現一個eventBus（發布訂閱）](25%E3%80%81%E9%A2%984%EF%BC%9A%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AAeventBus%EF%BC%88%E5%8F%91%E5%B8%83%E8%AE%A2%E9%98%85%EF%BC%89.md) [26、題5：封裝hooks](26%E3%80%81%E9%A2%985%EF%BC%9A%E5%B0%81%E8%A3%85hooks.md)