前端面试题

啊啊啊啊熬夜看前端面试题，希望明天可以混过一面😭😭😭

我投的是前端开发岗，技术面发挥的很好，那个技术主管对我很满意，然后就二面了，二面两个面试官，一个是男的技术负责人，另一个是女的HR主管，那男的对我挺满意的，恶心的来了，那个女主管问我以后的规划，我说可能会往产品经理或项目经理发展，他问我为什么不直接投管培生，我说我想先多掌握些技术，然后就给我挂了

1、页面白屏可能是什么原因？1. JS 执行报错代码出现错误、空值异常、变量未定义等问题，导致渲染中断，页面无法正常显示。2. 静态资源加载失败JS、CSS 等关键资源加载超时、404 或路径错误，造成页面渲染失败。3. 接口请求异常关键数据接口报错、跨域或无返回内容，页面因缺少数据无法渲染。4. 路由与打包配置错误路由匹配失败、发布路径配置不正确。5. 状态管理数据丢失Vuex / Pinia 存储在内存中，页面刷新后数据清空，可能引发白屏。6. 渲染压力过大数据量过大、死循环或大量计算导致页面阻塞。2、刷新页面数据丢失原因及解决办法原因：Vuex、Pinia 这类状态管理工具是将数据存储在内存中的，页面刷新后，内存数据会被重置清空，从而导致数据丢失。解决办法：给状态管理开启持久化，使用对应的持久化插件，将数据存入 localStorage 或 sessionStorage，刷新页面后重新读取数据，即可避免丢失。3、你知道哪些前端组件？我常用的组件主要包括 Vue 内置组件、UI 组件以及自己封装的组件：1. Vue 内置组件KeepAlive、Transition、Teleport、Suspense2. 常用 UI 组件Table、Pagination、Form、Input、Button、Dialog、Menu、Card、Select、Checkbox、Radio、Tooltip、Message3. 自己封装的通用组件公共表格组件、分页组件、搜索组件、弹窗组件、权限相关组件

因为都是中小厂所以面经有雷同，以下是我的总结：1. 解释一下原型链它的一个概念，如何去实现原型的一个继承2. 怎么实现深拷贝、浅拷贝？有什么区别？3. 箭头函数和普通函数的区别4. React 的核心思想原理5. 函数组件和类组件的区别6. Hooks 是什么？用于哪些场景？7. React 渲染机制，React 核心组件8. Node. js 事件循环机制有哪 6 个阶段？9. 回调可以用哪些方式实现？10. Promise 的 3个状态11. Webpack 和 Webpack 有什么区别？12. Node. js 在服务端的一些开发场景13. 怎么理解 MCP？为什么会存在 MCP？写过 MCP 的这样一个工具吗？14. JavaScript 事件循环15. 平时写项目有用过哪些性能优化？