字节秋招前端一二面面经-已挂

📍面试公司：字节跳动一面（已挂）❓面试问题：1.为什么选择前端这个岗位？2.介绍一个你觉得有挑战或有收获的项目/功能点，以及遇到的问题和解决方案。3.微前端主要是为了解决什么问题？4.介绍一下 Promise？5.Set 和 Map 的区别？6.HTTP 和 HTTPS 的区别？7.介绍一下 CSS 的盒子模型？8.浏览器中的线程和进程的区别？9.v-if 和 v-show 的区别？10.了解哪些打包构建工具？它们是如何优化体积的？手撕：1.数组转树状结构：将一个带有 id 和 parentId 的扁平对象数组转换成树形结构。2.快排🙌面试感想：表述逻辑不清楚；不自信，回答不是很顺畅（原因：菜狗）

1.介绍项目，拷打 2.假设写了一个setTimeout的循环，但它的值一直不对，是什么原因 3.用 let 和 var 有什么差别 4.说说你对Event Loop 的理解 5.如果我在一个 async 函数里面用了多个 await，它的执行顺序是怎么样的 6.microtask 和 macrotask 的区别是什么样的呢 7.说一下浏览器的渲染流程比如我输入一个 URL 到页面渲染出来，它中间到底发生了什么 8.说说浏览器的缓存策略吧，比如你刷新页面的时候，为什么有些资源会命中缓存，有些不会 9.说说你对 React 生命周期的理解，用 class 和 hook 两种写法分别说说挂载和卸载...

1. 自我介绍2. 介绍一下项目及基础架构3. 项目拷打（大约20分钟、围绕简历提问）4. 性能优化怎么做的（大约20分钟）性能优化会从性能指标到阶段分析到优化细问5. JSBridge和客户端底层怎么进行通信的6. Ts的keyof、tyoeof、泛型、装饰器；ts在前端工程化有什么作用呢7. JS基础数据类型、通过哪些方法可以判断一个变量是数组类型？（问了5种方法）8. 做移动端的时候怎么保证视觉的还原度9. 如果视觉走查的某个视觉问题反复调整都无法完美还原怎么解决10. AI视觉稿转代码详细说说11. 为什么移动端上图片会展示模糊呢？12. DRP对图片渲染模糊有什么关联13. 移动端的动画选型和动画类型14. 有没有自己使用过canvas做一些绘制或动画渲染呢？15. js驱动的动画遇到卡顿怎么优化和处理呢16. 重绘重排在渲染层为什么会有不同的性能影响17. React的常用hooks；18. React对比直接使用js有什么提升？19. React18之前的版本对比React18有什么不同20. 服务端渲染ssr、rsc与csr的对比；水合失败会怎样21. http 0.9, http 1.0 ,http 1.1， http2，http3的区别，队头阻塞在各个阶段的问题和解决方案22. TCP vs UDP，介绍一下TCP的慢启动，强缓存+协商缓存23. csrf xss24. 加密方式了解哪些，介绍一下对称加密，非对称加密25. 日常怎么使用AI的，在工作中有哪些提效26. 两道题26.1. 手写数组的flat方法26.2. 手写一个PromiseAll，写完后顺便问了Promise的其他方法

讲一下react性能优化的手段，从大一点的方面 前端开发过程中怎么定位到哪个环节有性能问题 FCP是怎么计算的 useMemo useCallback ，这俩可以解决大部分问题吗 esModule 和commonJS 区别 为什么treeshaking 一定要使用esModule 介绍一下浏览器输入url到渲染页面的流程 重排和重绘有什么区别，从渲染策略上说明 浏览器缓存机制 目前前端都是单页面应用，html，js，css怎么设计其缓存策略最优 js中怎么准确判断变量类型，instanceof 原理 一个数据的原型是什么，怎么看他的原型 原型和原型链有什么区别 原型链终点是什么 介绍一下事件循...