字节tt前端三面

base 北/上/杭/深团队介绍：我们是字节集团财务系统，致力于建设基于大数据，搭建智能化、业财一体的财务中台，为互联网生态业务提供合规可控、效能卓越、业务洞察强的平台化能力，让经营者看清现状、预见未来，我们以技术中台的形式支撑财务税务，提供一站式产品能力，包括应收应付、发票、计税、付款，以及海量数据的清算、核算、报表、风控、分析～

1. 浏览器从输入 URL 到页面渲染 2. HTML 渲染过程 3. JS 的解析内容 4. JS 事件循环机制执行主线程任务（同步任务）→ 遇到异步任务放入任务队列 → 栈清空后事件循环调度任务 → 每轮循环执行一个宏任务，之后清空所有微任务。 5. 浏览器与 Node.js 的事件循环区别浏览器：单宏任务队列，每轮循环：1 宏任务 → 清空所有微任务。 6. Vue2 vs Vue3 响应式区别Vue2 用 Object.defineProperty，只能劫持已有属性；Vue3 用 Proxy，可代理整个对象，支持属性新增/删除和数组下标修改。 7. Vue3 自定义响应式通过 reac...

ai coding：原生实现轮播图开始聊了好多深度学习相关的，面试官还调侃说是不是感觉不是在面前端！然后共享屏幕让我启动项目以及将是如何实现的轮播效果。中途有问平时使用过哪些ai工具，是如何利用ai工具的，有没有了解过Transformer.在问前端八股之前感觉自己的回答逻辑很混乱，然后项目也不是很熟！面试官可能觉得我太菜了，八股就没问太难1.如何实现水平垂直居中2.http缓存3.项目从哪些方面做了性能优化反问：部门具体干什么业务的，他们在日常工作中是如何利用ai工具的？

全程1h10min前半个小时基本都在问实习项目和workflow之类的 略过1. js作用域 作用域链2. 闭包3. 事件委托3. BFC4. css选择器优先级 伪类伪元素5. react setState之后发生的事情6. fiber和渲染过程 如何实现可暂停7. hooks为什么不能写在条件判断里面8. webpack配置项9. 性能优化 FCP LCP手撕：1. 树转数组2. 数组转树