百度前端一面面经

求帮选，给点建议～！！

4.9下午2点30约二面————————————面试时间：4.9上午11点 时长25min人生第一次面试，面试官很友善，基本都是简单八股，没有拷问项目，可能是因为技术栈不同，以及是日常的原因1. 自我介绍2. JS 的数据类型有几种3. 基础数据类型和引用数据类型的本质区别4. js 定义变量的方式有几种5. let 和 var 有什么区别6. promise 解决什么问题7. 箭头函数跟普通函数有什么区别8. ES6 向 ES5 的转换一般是怎么做的9. 用 webpack 多一些还是 Vite 多一些10. Vite 有哪些配置项你常用的11. Vue 父子组件传递参数该怎么传12. vue 3 里面做全局状态管理该一般是怎么做13. 学生管理系统从 0 到 1 技术选型，框架用 Vue 还是 react，打包工具用哪一个，UI 组件库用哪一个，说明理由14. react 你有了解过吗15. 项目是跟着老师做的还是自己找开源项目改的16. 学前端大概多久了17. 说一下你的学习路径18. 在学习过程中 AI 对你有帮助吗19. 具体哪些场景在用 AI 工具20. 手撕：143. 重排链表21. 反问

因为都是中小厂所以面经有雷同，以下是我的总结：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. 平时写项目有用过哪些性能优化？

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. 自己封装的通用组件公共表格组件、分页组件、搜索组件、弹窗组件、权限相关组件