字节前端

 1. 回流重绘2. npm yarn pnpm区别3. 幽灵依赖的问题4. 不定高虚拟列表实现5. vue和react区别6. 断点续传如何实现手撕：filter   并发控制  flat（从内部开始拍平的版本）明天二面

 # #一面 4.18 50min1. 自我介绍怎么学前端的（B站、MDN、官网、书、博客、掘金、github issue）一个人学的吗（身边没转码的，不过做项目和青训营同学一起做的，也学到了很多）2. 八股缓存常见状态码GET和POST重排重绘、怎么减少重排一定会重绘吗（反过来呢）CSS动画跨域闭包其他的忘了...3. 项目选一个介绍，问了很多分包怎么做的jwt、双token文件怎么缓存的（只做了服务端）埋点整体流程有没有难点上报验证过程无痕和代码埋点怎么做的、具体上报策略、怎么验证的面试官说项目流程和功能做的挺全的4. 手撕（说10-20min做完，3min就写完了）实现Array.prototype.reduce最长不重复子串5. 反问业务：电商toB、toC什么时候出结果：几天内建议：忘了面试官小哥好年轻啊-------------------------------------------------------------------------------------二面 4.24 1h1. 介绍2. 八股Vue23区别CSS隐藏元素，区别渐进显示定位document的api获取所有标签名缓存（上一面问了，跳过）3. 项目选一个介绍负责哪些部分页面性能指标，定义，怎么测4. 题目判断this指向promise输出闭包保存变量，plus、minus、result方法加、减、得到结果，解构后要正常运行矩阵斜着遍历5. 反问上班时间：早上9-10，开发来的晚一点，晚上21：30地点：北上杭业务（说的挺详细的）-------------------------------------------------------------------------------------三面 4.27 50min1. 介绍问照片=>三维模型的过程2. 项目选一个介绍分包，效果一定好吗web worker，限制，除了postMessage外，有没有其他办法和主线程同步数据HTTP断点续传结构化克隆MinIO分布式分片合并策略3. 八股Vue数组的处理输入url到页面显示哪些会分层，z-index？对话框？先光栅化还是合成type和interface区别协变逆变4. 其他最近在学什么还有什么想讲的：V8垃圾回收，问：Vue项目里面哪些可能会被分配到老生代区优缺点什么时候能实习，实习多久5. 写题选算法还是应用？把一个promise链式调用改成async await，判断后续会不会执行6. 反问业务：商家部分技术栈：主要用React实习生要求建议：背的熟，多想想为什么-------------------------------------------------------------------------------------HR面 4.28 25min优缺点时间能接受吗学校在哪家在哪父母做什么的说一个项目有没有遇到难点，怎么做的-------------------------------------------------------------------------------------5.7 offer

建议大家不要接到字节hr的邀请就面试。字节的面评会一直存在，如果一直不过，大概率是面试官参考了前面的面评。如果持续面试，也只是在给hr刷kpi，自己的差评会越来越多，就会陷入恶性循环了。

刚面完，热乎，面试体验极佳，面试官上来详细自我介绍了10分钟，给我整不好意思了1. 自我介绍2. 聊一聊上段实习最有挑战的事情3. 场景题：有一个落地页，在韩国加载1s，在印度加载20s，如何优化    1) 优化印度这种加载速度极久的情况    -- 后端优化，提升首屏加载速度    2) 优化韩国这种已经很快的情况    -- 前端加载的优化方法：图片压缩，前端缓存，代码打包    3) follow up1：如果不允许后端优化呢？    -- 加个中间件提前加载    4) follow up2: 提前加载有哪些坏处？    -- app加载速度变慢，load更重    -- 大量访问目标页面，被误判为网络攻击4. 讲一下前端缓存（强缓存，协商缓存；cookie，localStorage）5. 强缓存和协商缓存分别用哪些字段来判断6. leetcode 53，最大子数组和，dp7. 对一个算数字符串（Eg：var test = '1+24-32+100-92'），计算出结果。上一题用c++写的，面试官要求这题必须用js写8. 反问感觉面的还行，给面试官点个赞，许愿求个二面

字节跳动前端开发工程师暑期实习一面面试岗位：研发 - 前端开发实习生面试部门：抖音电商 问题 ⬇️1. 实习时长2. 为什么选择前端方向3. 前后端的差别4. 项目登录注册功能5. cookie 相关6. 对 vuex 的理解7. 路由的两种模式8. 代码量------ 代码题 ------9. 代码题：模拟数组 map 方法10. 代码题：实现三栏布局11. 代码题：反转链表12. 三道输出题（类型转换 + 作用域）13. 闭包14. http15. GET、POST 区别16. http 和 https 的区别17. js 的数据类型18. Map 和 Object 的区别19. Map 和 Set 的区别20. 普通函数和箭头函数的区别21. localStorage、SessionStorage⭐ 无反问环节           

字节跳动前端开发工程师暑期实习三面 4.9面试岗位：研发 - 前端开发实习生面试部门：抖音电商 问题 ⬇️一共大概 40min1. 自我介绍2. 项目合作情况3. 项目实际开发流程4. 学过的计算机相关课程5. 技术栈掌握程度6. 项目有无设计规范7. 项目权限设计8. 项目 mixin 的实现9. 项目 vuex 的使用10. nprogress 实现原理11. 项目性能优化12. 参加实习时间、时长13. 如何学习前端⭐ 反问环节              

字节跳动前端开发工程师暑期实习二面面试岗位：研发 - 前端开发实习生面试部门：抖音电商 问题 ⬇️1. 项目团队组成2. 项目 Nginx 配置3. CDN 的概念和使用4. CDN 场景题5. axios 二次封装6. 跨端开发7. 小程序和 Web 开发区别8. 小程序设计过程9. 三栏布局10. 原型和原型链场景题11. 实现日志类支持链式调用和延迟⭐ 反问环节           

七夕一天面两家，我是真劳模啊。。。全程1小时1. 自我介绍2. 实习经历唠了30分钟3. Redux讲一下干嘛的4. Redux中间件了解过吗（没用到，有印象，但是讲不出来）5. 系统设计编程题：    实现一个LRUCache，有set(id, object)，get(id)两个方法，要求：    1. cache里的对象x秒没有被set或者get，就自动过期    2. 维护一个n，代表cache最多存多少个object，超过了需要删除最老的那一个    3. 每次get，被get的object都需要提到最前面这道题刷题网有原题6. 反问1个小时下来就问了两个关于redux的八股，没了，不知道如何，编程题写的还可以，面试官说符合了，许愿个三面吧更新：明天三面

聊天局，45分钟1. 自我介绍2. 讲一下实习的经历 （30+分钟）3. 说说对AB Test的理解4.反问感觉聊的还行吧，能不能给个机会过了

字节跳动前端开发工程师暑期实习hr面4.12面试岗位：研发 - 前端开发实习生面试部门：抖音电商 问题 ⬇️1. 自我介绍2. 为什么做前端3. 前端的奖项4. 挑战和成长最高的项目5. 项目过程中遇到的最大的困难及解决方式6. 项目合作情况7. 面对产品的不合理需求如何解决8. 前端学习方式9. 优缺点自我评价10. 字节强度可以接受吗（早 10:20 - 晚 21:00）11. 预计实习时间及时长12. 其他 offer 状态⭐ 反问环节               

1面: 分片上传原理（计算文件标识如何优化，只取头尾和中间的分片内容计算hash），整个过程中还有什么可优化的点（http2 cdn）说一下http2有什么特点，服务器主动推送可以用在什么场景（聊天室，股票，公众号消息推送？），hpack算法说一下。 service worker和webworker说一下，有没有了解过pwm，还有没有了解什么最新的前端技术（说了一下rust） vite和webpack区别，vite具体做了什么事情，优缺点 前端攻击都了解哪些 flexbasis表示什么含义 数据类型如何检测，instanceof的原理 深拷贝实现，为什么用weakmap ts好处，type和i...

一面 - 2.16移动端适配具体怎么做的 为啥用pxtorem 为啥不直接用rem 直接用rem可以吗写一个原生的ajax 发送get请求 封装一下 只有status为200才成功吗 象征问你一下网络问题吧：跨域问题如何实现组件间的css样式隔离 除了scoped呢 css in js 了解吗单独设置组件库比如 button的样式怎么做为什么想做前端 如何了解到前端这个岗位的手写题 safeGet const data = {a: {a: {b: 1}}} let path = 'a.a.b' let failMsg = 'fail' function safeGet(data, path, ...

前言：都打了两天工了才发现忘发了.....😭一面项目token验证，怎么轮询的服务端的状态返回，状态码从1XX~5XX浏览器缓存机制，强缓存协商缓存跨域问题和解决跨域，同源策略，为什么link和ims的src没有跨域问题,jsonp缺陷.ts中any unknown never的区别如果禁用any，怎么用unknown进行替换webpack5脚手架源码说一下，重点说了__webpack__require响应式，媒体查询 vh remflex 0 1 auto前端开发中的安全问题，攻击手段，防御手段，同源策略的配置CSPReact项目中性能优化的手段数据库讲一讲usecallback返回方法的...

如果你对前端的代码世界充满热忱如果你醉心于后端语言的奇妙瑰丽如果你想和业界大咖来一场技术奇遇这个寒假 第五届字节跳动青训营 就等你来！垂直领域深度直播手把手实践指导字节内部精品课程带你从学校走进职场、从萌新成长为高手~全程免费，期待与你共赴这场学习之旅报名方式点击下方链接或者扫描图片上的二维码，注册稀土掘金社区账号，建议PC端操作，移动端需下载稀土掘金APPhttps://juejin.cn/activityregister/7169021915355807782?utm_source=campus-5312引流：长安汽车，比亚迪，建设银行，工商银行，重庆农商行，兴业数金，华为，百度，字节跳动，腾讯，小米，中兴，美团浦发、邮储、中行、建行、工行、建行、光大、招商银行、科大讯飞、蔚来、新华三、京东方、容知日新、长鑫存储、阳光电源、中国移动、中国电信、中国联通，华为 中兴 博世 电信 字节 腾讯 移动 苏小妍 华子

1面:206状态码底层原理，分片上传原理csp底层原理，具体怎么设置图片怎么转cancas，canvas转图片ssr优缺点，实现的具体过程路由懒加载原理，是不是所有import（）都会分出一个文件，这个文件以什么形式存在，什么时间点下载什么时候解析。import（）分包是谁实现的，是脚手架还是打包工具事件循环输出题算法:一个数组里有一堆数字，拼接得到一个最大的数字2面vue23区别，对数组如何处理，如果直接object.defineproperty劫持数组会发生什么情况富文本编辑器中如何实现上传图片图片css存在服务器的哪里，文件如何命名，命名冲突怎么解决pnpm原理算法:合并共同区间3面基本...

一面：1、esm和cjs区别，各自遇到循环引用时会怎么处理2、浏览器缓存机制，强缓存的状态码是什么，etag的生成算法是什么3、vue如何实现劫持数据，vue3为什么用proxy，优缺点4、vite为什么快，缺点是什么5、一个this指向的题目，注意class里默认开启严格模式（被坑了）6、数据库存64位的数据，前端怎么在不损失的情况下处理（让后端转成字符串再返回给前端，用bigint去处理）7、手写函数柯里化8、算法：合并区间二面：一直在挖项目，没什么八股，普适性不强1、页面假死的时候，浏览器还可以响应跳转链接的操作吗，为什么，哪个线程来响应（有没有大佬来解答一下）技术选型的原因，甚至会问你...