字节抖音游戏

都是用户运营，都不是很核心的业务到时候校招转正的话，这两个哪个钱给的会多一点儿呀，求问base上海

项目背景（是多人协作？还是自己的学习项目为什么选择vue3？不是reactvue3相较于vue2的提升为什么选择使用piniapinia的优势细说用vue3为啥不用ts？想拷打ts，我直接说不会echarts图表自适应怎么做的？大的echarts图表有渲染性能问题，放大缩小过程加载慢，动画卡顿，怎么处理如果现在请求数据，要做复杂的数据计算，才能在图表上展示，我们该怎么做没太理解，面试官举个例子说，现在有个复杂计算，js是单线程的，就会被阻塞掉，完全做不了任何事情，那这个时候我们怎么处理页面中有很多echarts图表，向下滚动的时候出现白屏和卡顿的情况，怎么优化用户用了你的组件库项目，说页面很卡性能不好，怎么去定位问题回答过程中我说了几个优化方案（懒加载，ssr，浏览器缓存优化）面试官追问怎么判断到底用哪个，怎么定位到底是哪里出问题了导致很卡现在想要监控每个组件的性能数据，该怎么做虚拟滚动列表组件适配暗黑模式怎么做cssmodule用过吗组件库有几个组件，开发者有几个项目挑战点和收获

虾皮前端一面总结一、八股文考察1. 箭头函数◦ 核心问题：需明确箭头函数特性（无this、arguments、prototype，不能用new）。◦ 未答关键点：◦ this继承自外层词法作用域，非构造函数因无prototype且new时无法绑定this。◦ new过程需创建实例、绑定this、返回实例，箭头函数无[[Construct]]内部方法。2. 性能优化◦ 问题：不熟悉相关知识，需补充学习（如防抖节流、SSR、CDN、懒加载等）。3. 浏览器内存与缓存◦ Local/Session Storage：数据存储于磁盘，读取时从内存缓存或磁盘获取（取决于是否常驻内存）。◦ 协商缓存：◦ max-age=0与no-cache区别：前者强制验证缓存，后者需服务器确认。◦ ETag与Last-Modified并存：前者更精准（文件内容变化），后者依赖时间戳（可能误判）。4. React Hook◦ 问题：对useMemo、useCallback、memo使用场景模糊。◦ 改进点：结合项目举例（如子组件高频渲染时用memo缓存，避免函数重复创建导致的重渲染）。二、代码题• 动态规划背包问题：用最少砝码数量组合目标重量，需明确状态转移方程（如dp[i] = min(dp[i], dp[i - w] + 1)）。三、面试官交流1. AI看法：强调合理利用AI辅助解决复杂问题，提升效率。2. 性能优化建议：结合具体场景（如电商首屏优化、可视化图表性能），参考谷歌Lighthouse、Web Vitals等工具。四、改进方向1. 基础巩固：深入理解箭头函数原理、浏览器存储机制、HTTP缓存策略。2. 性能专题：系统学习优化手段，结合实际项目案例分析。3. React实践：梳理Hook使用场景，通过项目练习巩固（如列表渲染优化）。4. 算法训练：强化动态规划题型，掌握背包问题变种解法。

5.12  字节前端国际商业化暑期实习一面 45min1.自我介绍2.拷打项目，问的很细：项目里Monorepo管理多包依赖怎么实现的；Vuex替换为Pinia怎么实现，一开始是vue2写的吗？3.vuex和pinia区别4.Vue2和vue3的区别？5.具体说一下Vue2和vue3的双向绑定？6.Object.defineProperty()具体怎么进行数据劫持？7.对react有了解吗？8.react的组件库有了解吗？有使用吗？9.ts使用的如何？掌握的怎么样10.手写ts类型操作11.手写flatten函数，实现多维数组扁平化12.手写一个关于修改数据结构的函数（这题写不出，面试官人很好，说那换一个题）13.手写深拷贝14.项目里的图片懒加载怎么实现?有通过什么包吗？15.Es6有哪些新功能？16.Promise用的多吗？17.除了promise还有哪些异步处理的办法？18.Async/awit和promise的关系？19.反问反问面试官说总体挺好的，5.13收到邮件挂了。。。5.16被另外一个部门捞起来约面