面试官灵魂拷问：你觉得自己能拿到大厂offer吗？

1.自我介绍2. 在 React-Playground 这个项目中遇到什么难点？3. 如何做到实时转译的？4. 用的什么沙箱？（说了 iframe，面试官说 iframe 不是沙箱🤔）5. useMemo 和 React.memo 的用法和区别是什么？6. React.memo 的缓存什么时候决定它要不要刷新？缓存的判断时机是什么？缓存刷新的时机是什么？（我说拿上一次的 props 和这次的新 props 来判断） 怎么自定义 Props？7. React 的 Fiber 有了解过吗？（我说把 React 渲染变成“可中断、可恢复、可插队”的异步任务，解决老版 React 渲染阻塞的问题） 那它是通过什么方式解决的呢？（我说把递归改成循环遍历）8. useEffect 怎么使用？9. 如何在 dom 树上获取一个 dom？（我说用 useRef） 怎么使用 useRef？ getElementById() 有用过吗？（面试官说想听我回答 getElementById() 或者 getElementByClass()）10. CSS 怎么去做一个动画？（我说用 transition 或者 @keyframes） 如果有一个菜单，它从 100px 移动到 300px，用动态变长，怎么用 CSS 实现？（我说用 transition） transition 用什么属性？（过渡方程 transition: height 0.3s ease;）11. 输入 URL 到按下回车键，这中间发生了什么东西？12. 大公司的网址不止一个 IP （比如淘宝），那 DNS 解析怎么路由到具体的某一台 IP 呢？13. vite 和 webpack 有什么区别？各自的优缺点分别是？14.手撕代码--判断两个矩形是否相交？15.如果加上旋转角度怎么判断相交？

1.我看你简历上写的基于echars的定制化看板是什么 2.js的基本数据类型 3.vue3与vue2的区别 4.vue3与vue2的响应式原理，以及各自的优缺点（没答好） 5.什么时候用vue2，什么时候用vue3 6.你写的统一封装网络层是怎么做的 7.登录流程是怎么样的 8.token是随机生成的吗（答错了） 9.你写的高内聚低耦合是什么意思 10.接口封装是高内聚还是低耦合（都有，我只答了高内聚） 11.有用过ai辅助编码吗，带来的好处和坏处是什么 12.如何更好地利用ai生成自己想要的结果 13.ts的元组有什么特点（没答出来） 14.react的useState为什么要用数组来接收...

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.B端项目和C端项目的区别2.display: none、visibility: hidden 和 opacity: 0 的区别3.v-if 和 v-show4.垂直水平居中布局，transform和translate区别5.页面上线3s白屏分析可能的原6.输入url会发生什么7.了解CDN、nginx和服务器部署吗8.script标签的defer和async的区别9.常见的状态响应码，404和503是什么10.深拷贝和浅拷贝为什么会有这个概念的出现11.const a=1 存在深拷贝和浅拷贝的问题吗12.const a={b:1} 和 const a = new Object({b = 1});的区别13.new一个对象发生了什么14.原型和原型链15.节流防抖，手撕一个防抖16.前面答得不好，说不问我工程化方面的问题了面试体验很好，面试官很认真细心，在不会的时候有引导我去回答，但是自己太菜了，问的比较基础但是回答的不好讲的很简略，之前都背了但是理解不够深入吧，一旦问深入了就回答不了了，第一次面试感觉自己讲的也不好，下次回答会结合实际开发场景去回答，虽然蛮想去这家公司的，无缘了呜呜呜