VIVO前端实习一面

1.项目介绍。2.请详细解释浏览器和 Node.js 中的 Event Loop 机制及其差异。3.描述 JavaScript 的垃圾回收机制(GC)。4.除了 CORS，你还知道哪些跨域通信方式?5.如果不使用 Redux/Vuex，你会如何设计一个跨多层级组件的高效状态管理方案?6.在项目工程化中，你如何优化Webpack 或 Vite 的构建速度和产物大小?7.你的团队是否使用 Monorepo?如果是，它解决了哪些问题?8.详细介绍你在最近项目中遇到的一个技术难点，你是如何分析问题、制定解决方案并最终解决的?9.解释你在项目中采用某个技术栈(如 React/微前端的理由。如果重新让你选择，你会有不同的方案吗?为什么?10.你的前端应用如何应对高并发场景?11.你对前端监控体系了解多少?如何捕获和上报性能指标(FMP/LCP)和错误信息(JSError/网络请求失败)?12.请阐述 XSS 和 CSRF 的攻击原理和防御方案。在开发中，你如何保障表单提交和用户数据的安全?

1.this输出题2.优化首页渲染时间有哪些方法3.场景题，新用户和老用户如何针对性进行首屏渲染优化4.讲讲缓存5.cookie，session，localstorage的区别和用法6.v-if 和v-show的区别7.浏览器的渲染过程以及优化手段8.跨域和同源是什么以及如何解决跨域问题9.手撕题:嵌套map平铺

一面（50min）1. 前后端都做过，为什么最后选择前端这个方向呢？2. HTML 的语义化的标签有哪些，语义化的作用3. CSS 的盒子模型，通过什么属性去进行设置4. 三栏布局如何实现5. position: sticky 是相对谁去进行偏移的6. 响应式布局的实现方案7. rem怎么设置8. 在不同屏幕（360px、375px、414px 等）上保持 “一行三等分元素” 的统一效果，怎么实现9. JS 的闭包10. 什么是防抖节流，如果不停的触发，时间都是 500 毫秒，那如果在 3 秒内，那防抖，节流会触发几次11. JS 事件冒泡和捕获的过程12. Vue 有哪些核心特点13. Vue 为什么要替 jQuery 呢14. 为什么要做性能优化15. 首屏加载完成了，这个指标从哪里去读16. 什么是LCP，最大的元素是怎么定义的17. 了解网页上的一个资源加载的一个瀑布流吗？怎么用浏览器查看18. 从输入网页地址到首屏加载完成，整个过程是什么样的19. http1.0, 1.1, 2.0的区别20. HTML 的这个渲染过，JS 会不会阻塞 HTML 的渲染流程21. 手写Promise.race二面（60min）1. JS 的事件循环，日常中，比如你写一个代码逻辑，有哪些场景会触发这些？有哪些是宏任务，有哪些是微任务？2. JS 的原型链3. history 和 hash 两种路由以及它的两差别和常用的用法4. JS的内存泄漏5. React 的 常见hooks 的用法6. 阐述一下使用 axios 的 API 开始构造一个 post 请求。从代码角度以及从代码开始写之后，操作系统以及它底下的链路是怎么运行的7. HTTP 请求和 HTTPS的区别8. SSL/TLS握手在哪一步执行9. 手撕嵌套数组对象的广度和深度遍历（递归和栈分别实现）10. Webpack 的工作原理和工作流程11. Git 的相关的命令有哪些12. git rebase和 git merge 的区别是什么13. 怎么去看待小米的这个公司的发展的情况14. 怎么去看待个人的技术发展与那个公司的业务发展这两个之间关系

1.实习项目介绍。2.React中状态提升与Context API的适用场景有何区别?3.JavaScript中的深浅拷贝有哪些实现方式?4.前端工程化中，Babel的工作原理是什么?5.React组件的渲染过程分为哪几个阶段?6.什么是浏览器的关键渲染路径?在字节跳动资讯详情页中，如何通过优化关键渲染路径(如HTML解析、CSSOM构建、布局、绘制)提升页面首屏渲染速度?7.TypeScript中的类型守卫是什么?在字节跳动SKU管理模块中，如何利用类型守卫区分不同类型的SKU规格(如基础规格、自定义规格)，并实现类型安全的逻辑处理?8.Node.js中的EventEmitter模块工作原理是什么?在字节跳动Node.js中间件(如API网关)中，如何利用EventEmitter实现请求的异步流程控制?与Promise.al相比有何优劣?9.React Suspense与React.lazy的作用是什么?在字节跳动大型应用(如飞书前端)中，如何结合Suspense、React.lazy与路由实现代码分割?使用时需要注意哪些边界情况?10.前端监控体系应包含哪些核心模块?字节跳动如何实现前端错误监控(如JS错误、接口错误)、性能监控(如LCP、FID)及用户行为监控?如何确保监控数据的准确性和性能影响最小化?11.什么是CSR、SSR、SSG、ISR?在字节跳动不同业务场景(如短视频首页、活动页、资讯详情页)中，如何选择合适的渲染方案?各方案的部署流程有何差异?