厦门吉比特前端面经

📍面试公司：吉比特🕐面试时间：3.4💻面试岗位：前端实习生BG：双非本211硕，非科班实习&项目1. 用的什么工具处理GIS数据？2. 为什么要用最近的日数据代表整个月的数据，来可视化？八股虽然背了很多，但还有有些地方不是很确定，给各位佬参考1. Vue2和Vue3的区别2. Vue2和Vue3的生命周期3. vite为什么比较快？4. this.$nextTick的作用？5. 父组件的`beforeMounted`和`onMounted`和子组建的`beforeMounted`和`onMounted`执行顺序？6. 有哪些通信方法7. Provide的数据，子组件修改后会影响父...

tcp，udp，http，https连接的区别对浏览器有没有了解，浏览器渲染机制这些我自己介绍项目亮点大学学了什么课程，数据结构与算法？讲讲你知道的数据结构。vue里用ref定义响应式变量怎么进行类型声明，比如说const a:   ＝ref（‘张三’），这个冒号后面填什么。网络状态码。项目有没有上线，nodejs会吗，负载均衡这些，高考多少分，多少名。没有手撕没有算法，很简单

面经面试时间：1月份，日常实习，部门是国际化（还挺想去的，最后一面挂了（一）项目实践与工程化类实习中挑一个最有挑战的经历介绍性能优化的具体落地动作（资源加载、渲染、运行阶段）？如何量化优化效果？（简历有提到如何理解 CDN？哪些资源适合放 CDN、哪些不适合？是否了解 CDN 动态加速？（简历有提到CDN虚拟列表的实现逻辑、核心优势（简历有提到AI 提效（cursor rules）的具体实践？（简历有提到skills 与rules 的核心区别是什么？(当时没回答好大模型与 2020 年前传统模型的本质区别？催生大模型出现的核心原因？（没回答好，扯到transformer前端开发中常用的设计模式...

一、JS 基础（必问）1. 变量提升、作用域、闭包原理与场景2. this 指向规则（普通函数/箭头函数/构造函数/绑定）3. 原型与原型链、继承实现4. 异步：Promise、async/await、宏任务微任务5. 防抖节流原理、手写与应用二、浏览器 & 网络（高频）1. 从输入 URL 到页面展示全过程2. 浏览器渲染流程、重排重绘优化3. HTTP/HTTPS、HTTP2、HTTPS 握手流程4. 缓存策略：强缓存 / 协商缓存5. 跨域原因与解决方案三、Vue / React（二选一必深问）Vue1. 响应式原理（数据劫持 + 发布订阅）2. 虚拟 DOM、diff 算法3. computed / watch 区别4. 生命周期执行顺序5. Vue3 组合式 API 优势React1. Hooks 规则、useState/useEffect 原理2. 类组件 vs 函数组件3. Fiber 架构、调和流程4. 状态提升、Context、Redux 流程四、工程化 & 性能优化（大厂最爱）1. Webpack 构建流程、loader/plugin 区别2. 常见优化：代码分割、tree shaking、懒加载3. 前端性能指标：LCP、FCP、FP 等4. 首屏优化方案5. 移动端适配、兼容性处理五、手写代码（高频现场题）1. 手写 Promise2. 手写防抖 / 节流3. 手写深拷贝4. 手写 call/apply/bind5. 数组去重、flat 扁平化六、场景题 & 逻辑题1. 如何定位线上卡顿/白屏问题2. 大量列表渲染优化（虚拟列表）3. 如何设计一个弹窗组件4. 前端监控与错误捕获