前端开发面经

#秋招面试记录# 面试时间：2026.8.27 请做一下自我介绍。 你目前主要掌握哪些前端技术栈？ 你对 React 的掌握程度怎么样？ 你后端主要使用过哪些技术？ 介绍一下你的实习经历。 你在实习中主要负责哪些模块？ TAT 配置页面主要做了哪些功能？ 血库管理模块主要负责了什么？ 实习过程中遇到过哪些比较难的问题？ 介绍一下你的旅游推荐平台项目。 旅游推荐平台为什么要使用 Agent？ 旅游推荐平台中 RAG 是怎么使用的？ 介绍一下企业知识库与智能客服平台。 企业知识库项目为什么使用 React 和 TypeScript？ 你的项目代码是完全自己写的吗？ 你平时会使用哪些 AI 编程工具？ Cursor、DeepSeek、Codex 在你的开发过程中分别起什么作用？ AI 生成代码之后你会怎么 Review？ Promise 主要解决了什么问题？ 什么是回调地狱？ Promise 为什么支持链式调用？ async/await 和 Promise 是什么关系？ async/await 相比 Promise.then 有什么优势？ 多个异步请求并发执行，你会怎么处理？ Promise.all 和 Promise.allSettled 有什么区别？ Promise.all 中有一个请求失败会怎么样？ Promise.allSettled 适合什么场景？ JavaScript 为什么是单线程？ 什么是事件循环 Event Loop？ 同步任务、微任务、宏任务的执行顺序是什么？ 常见的微任务有哪些？ 常见的宏任务有哪些？ Promise.then 和 setTimeout 谁先执行？为什么？ 为什么要进行组件封装？ 你一般按照什么原则拆分组件？ Vue 父组件如何向子组件传值？ Vue 子组件如何向父组件传值？ Vue 祖孙组件之间如何通信？ provide/inject 适合什么场景？ Pinia 主要用来解决什么问题？ Pinia 中一般存哪些数据？ Pinia 页面刷新以后数据为什么可能丢失？ Pinia 数据持久化可以怎么做？ LocalStorage 和 SessionStorage 有什么区别？ LocalStorage 最大大概能存多少数据？ Cookie 和 LocalStorage 有什么区别？ Cookie 为什么不适合存大量数据？ IndexedDB 是什么？ IndexedDB 适合什么场景？ LocalStorage、SessionStorage、Cookie、IndexedDB 应该怎么选择？ 如果一个页面加载特别慢，你会怎么排查？ Chrome DevTools 中你会用哪些工具排查性能问题？ 页面请求数量太多怎么优化？ 图片数量很多时怎么优化？ 什么是图片懒加载？ 为什么使用 WebP 可以提升页面性能？ CDN 是什么？ CDN 为什么可以提升静态资源加载速度？ 什么是骨架屏？ 骨架屏真的能提升页面性能吗？ 长列表页面为什么容易卡顿？ 什么是虚拟列表？ 虚拟列表的基本实现原理是什么？ 如果页面有上万条数据，你会怎么处理？ 什么是内存泄漏？ 前端常见的内存泄漏场景有哪些？ 定时器为什么可能导致内存泄漏？ 事件监听为什么可能导致内存泄漏？ 闭包一定会导致内存泄漏吗？ 如何排查前端内存泄漏？ 什么是重排？ 什么是重绘？ 重排和重绘哪个性能开销更大？ 哪些操作容易触发重排？ 修改元素颜色会触发重排还是重绘？ 如何减少重排和重绘？ 什么是动态路由？ Vue Router 中动态路由有哪些实现方式？ /user/:id 这种路由是什么意思？ 后台管理系统中的权限动态路由一般怎么实现？ Vue Router 有哪些路由模式？ Hash 模式和 History 模式有什么区别？ 什么是跨域？ 浏览器为什么会有同源策略？ 什么情况下会产生跨域？ 跨域和跨服务器是一回事吗？ CORS 是怎么解决跨域的？ 前端 Proxy 是怎么解决跨域的？ 开发环境 Proxy 和生产环境跨域处理有什么区别？ 什么是预检请求 OPTIONS？ 你做过移动端项目吗？ 移动端页面一般怎么适配？ viewport 标签有什么作用？ px、%、vw、vh、rem 有什么区别？ 为什么移动端不建议大量使用固定 px？ CSS 媒体查询怎么使用？ vw/vh 做移动端适配有什么问题？ 如果让你设计一个移动端商城页面，你会怎么做适配？ 如果首页有大量商品图片和长列表，你会怎么优化？ 如果线上页面突然变卡，你会从哪些方向排查？