字节跳动 前端一面 广告业务 10.14

总时长60min左右1️⃣ 自我介绍2️⃣ 项目拷打3️⃣ 跨域3.1 跨域有几种解决办法3.2 介绍一下每一种的原理，以及实际应用场景4️⃣ 三栏布局方法说四种5️⃣ 判断数组的方法5.1 数组的常见的方法6️⃣ 判断对象为空的方法7️⃣ this指向8️⃣ call和apply的区别9️⃣ web安全攻击相关1️⃣0️⃣ flex布局1️⃣1️⃣ 浏览器缓存1️⃣2️⃣ css定位方式1️⃣3️⃣ 手撕13.1 合并两个有序数组，问优化的方法13.2 爬楼梯，问优化的方法13.3 promise代码输出题13.4 promise并发控制器1️⃣4️⃣ 反问

如题，这是一位同学面完字节分享的题目，字节总体上难度会比较大，所以没准备好建议不要约面，留下脏面评会影响后面投递。前端开发中，热更新（Hot Module Replacement, HMR）几乎是必不可少的功能。它能够在代码修改后无需刷新页面就实时生效，大幅提升开发效率。尽管 Webpack 和 Vite 都支持 HMR，但两者的底层实现方式完全不同。理解这些机制不仅能帮助我们优化开发体验，也能在面试中回答得更有深度。一、热更新的基本概念热更新的核心目标是：在代码改动后，只替换变更的模块，而不是整页刷新。其基本流程包括三部分：监听文件变化；通知浏览器；浏览器执行模块替换。无论是 Webpack...

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的其他方法

time:2025.10.301.自我介绍，项目深挖。2.浏览器输入url发生了什么。3.具体说说dns解析流程。4.js中this指向问题。5.前端XSS 和 CRSF攻击。6.跨域问题，同源策略。7.tcp如何保证可靠性传输。8.http无状态，用户如何保证用户登录状态。9.cookie和localstorage得区别。10.详细聊一聊js的事件循环。（几道事件循环例题）11.手写lru，Promise.all()