钛动科技前端面经(oc)

1.实习介绍2.你项目上面提到了长列表渲染优化，详细讲一下吧。3.讲讲这个webpack-bundle-analyse是怎么样的？删除了没出现兼容性的问题吗？4.element-ui的dialog是怎么封装的？那叫你封装一个组件，你会基于什么去封装？5.vue的组件是怎么进行通信的？6.插槽是什么？怎么用？作用域插槽是什么？有什么用？7.大文件上传是基于什么样的背景的？断点续传怎么传的？8.切片上传和断点续传。9.如何对大图片进行压缩？10.SVG有了解过吗？他和canvas有什么区别？11.用vue2多还是vue3多？讲讲vue2和vue3的区别吧。12.那Object.defineProperty这个方法接收几个参数，每个参数分别对应什么？13.vue3里面其实也用到了reflect，了解过吗？14.讲讲webpack为什么比vite快吧？他们之间有什么差异吗？15.为什么vue2里面data要写成函数而不能写成对象呢？16.nextTick了解过吗？什么时候用，举一个具体的例子。原理是怎么样的？17.为什么每个dom要加key值？key有什么作用呢？18.vue3有哪些常用的api吗？19.ref和reactive的区别？那我用reactive定义基本数据类型，ref定义引用数据类型可以不？20.==和===的区别？21.深拷贝和浅拷贝的区别？手动实现深拷贝怎么实现？正则日期那些呢？22.typeOf和instanceOf的应用场景，什么时候应该用谁？23.webpack有哪些常见的配置项呢？vite呢？24.webpack打包的整个过程是怎么样的呢？25.React有了解吗？

捞起来又是一面。自我介绍简单问了一下校园经历讲讲做开源的经历项目技术选型前端模块化有哪些格式 es cjs umd amd优化打包体积讲讲函数式变成和面向对象编程讲讲重复渲染的性能优化（没懂）写一个快排写一个二叉树中序遍历讲讲有关vibecoding二面详细聊聊校园经历为什么学前端有没有做过跨端开发多端开发的目的？ 好处？ 限制？ai方面了解吗鸿蒙了解吗讲讲登录认证用什么技术方案 面的我汗流浃背。。。

1.事件流分为哪三个阶段？2.默认情况下，点击事件是在捕获阶段还是冒泡阶段触发？3.如何在代码中设置让事件在捕获阶段触发？4.stopPropagation 和 preventDefault 分别有什么作用？5.如何阻止一个已经绑定的第三方库事件执行？6.在 JS 中如何移除一个已经注册的事件监听器？7.事件循环中，微任务（Microtask）和宏任务（Macrotask）的执行顺序是怎样的？8.为什么 Promise 的递归调用会导致浏览器卡死，而 setTimeout 的递归调用通常不会？9.TypeScript 中 interface 和 type 的区别是什么？10.如果声明了两个同名的 interface，最终的效果是怎样的？11.React 中 useMemo 和 useCallback 的区别是什么？useMemo 是否可以完全替代 useCallback？12.useRef 除了获取 DOM 元素，还有哪些常见用途？13.如何修改 useRef 定义的值？它会触发页面重新渲染吗？14.React 的 Context Provider（上下文提供者）是否可以嵌套使用？15.React 组件销毁（卸载）的时机如何捕获？16.如何撤销一次已经提交并推送到远程仓库的 Git Commit？

1.专业版去AI请您以专业编辑的身份，对以下文本进行改写，使其听起来自然、流畅、易于理解。请去除生硬的措辞、僵化的句式和不自然的表达，同时保留原文的含义。2.自然版去AI请重写这段文字，使其听起来像是出自一位经验丰富、自信的真人之手。改善句子节奏用词和行文流畅度。避免使用机械式的句式或过于正式的语言。3.应对AI检测/查重请使这段文字更人性化，使其看起来不像人工智能生成的。改变句长，添加自然的措辞改进过渡，使其感觉自然真实，但不要添加无关内容或改变信息。4.对话版去AI请将以下内容改写成对话式的、亲切自然的语气，就像一位知识渊博的人在随意解释一样。保持专业性，但也要平易近人。5.艺术版去AI修...