字节抖音--前端--一面面经

感恩第一个二面是字节给的，虽然已经寄了 o(╥﹏╥)o 但是面试官给了很好意见😭鼠鼠后面还要继续加油一面1. 项目背景2. vue2和vue3的区别3. proxy的第二个参数4. websocket和http区别，连接断开怎么办5. 防抖节流，手写防抖6. 实习重难点7. 页面卡顿问题8. webcomponent的认识9. 微前端实现10. css隔离方案11. git使用工作流 回滚12. 判断数据类型的方法13. Instance of 类型判断输出14. 跨域问题15. 预检请求16. 事件循环输出题17. 版本号对比二面19. 浏览器缓存、存储机制20. catch-control使用场景21. 对一个资源设置了缓存，如何清除缓存22. 清除方案，请求指令什么时候触发，有cdn的情况下怎么解决23. vue的双向绑定，参与的角色及职责24. 如何做依赖收集25. webcomponent使用背景，有什么局限性，样式修改方案26. 实习中的数据量级及复杂程度，做了哪些性能优化27. 前端优化方案，实际用过哪些28. 网络请求用防抖还是节流29. 实现异步链式调用

面试的应该是组长之类的级别，很和蔼，30 左右，面试的时候我很困就是问我之前在 ieg 实习有拿到 offer 嘛了解我的学习情况，绩点如何为什么不考研呢为什么学习前端学习前端有系统学习吗，上过学校课程嘛开始拷打项目，因为我的简历还是老版本的简历，没有实习经历，所以我口述给他听他让我选一个项目讲他听到我说 8000 条数据，我是用虚拟列表处理的，这么大个数据量，为什么不用分页？ 因为想要的是滚动效果，他说分页也可以实现滚动效果，滚动到第 5 页就发送相应的 pageSize 给后端，我说之前也考虑过，但是后端不支持 他也没说别的就过了，不知道答得怎么样啊啊啊，感觉没答好根据多选...

🕒 岗位/笔试时间 9月19号💼 公司岗位 国际化商业产品与技术👥 面试题目面试官自我介绍 自己自我介绍。问了下vue2，vue3一般用那个。一般项目中会用到那些vue api。reactive和ref。浏览器从输入URL到页面展示的流程讲一下vue3响应式原理，我一下把vue2的和vue3的原理都讲了，讲的我口干舌燥。讲一下组件渲染原理和过程。太久了没去看。问了下node，问node是怎么进行事件调配的（应该是这个问题吧😅😅，不太清楚问题是什么了）express是单线程还是多线程你一般用node干什么项目中的难点，你遇到问题一般会去怎么解决。写题：1 将一个数组变成dom结构（就是HTML），并且实现数组改变，对应的dom也改变，其实就是响应式。最后大概思路写出来了，但是细节没有完善。2 给一个div标签添加样式，使他看起像一个button。

一面自我介绍TCP与UDPHTTPS中间人攻击HTTPS与HTTP区别HTTPS握手过程http123区别，深挖了一下js闭包js原型链事件循环Vue与React有什么区别手写防抖节流手写new并发请求控制二面自我介绍Cors跨源请求资源共享设计模式有哪些原则（我就回答了单一职责和开闭原则）设计模式有哪些策略模式与状态模式区别浏览器事件流机制事件是在哪个阶段触发，可以改变不开发平台与app有什么区别手写flatLRUCache最长连续不重复子串