【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)