weixin_45825917的博客

不同浏览器的 CSS 兼容性问题如何解决？visibility: hidden、display: none 和 opacity: 0 的区别？伪类（:hover、:nth-child()）和伪元素（::before、::after）的区别？层叠上下文（Stacking Context）是如何形成的？哪些 CSS 属性会触发回流（Reflow）和重绘（Repaint）？如何使用 CSS 预处理器（SASS/LESS）提升开发效率？如何使用 CSS 变量（var()）提高样式的可维护性？如何实现垂直水平居中？

介绍一下 Composition API 和 Options API 的区别，为什么 Vue 3 推荐使用 Composition API？说说 Event Loop 机制，setTimeout 和 Promise 在事件循环中的执行顺序是什么？手写一个 LRU 缓存，要求支持 get 和 put 方法，put 需要保证超出容量时淘汰最久未使用的项。手写一个 Promise.all 实现，支持所有传入的 Promise 并行执行，返回一个数组结果。如果让你设计一个前端架构，你会做哪些决策？

好的，我会按照Vue 3 + TypeScript + 微前端（qiankun）的方向进行模拟面试，并结合你的项目经验和场景化手写代码题，确保问题具备一定的深度和挑战性。（例如子应用间通信、全局状态管理、样式隔离问题）你是如何解决的？多结合项目经验：回答问题时，结合你的实际项目经历，让面试官知道你不仅理解概念，还能在项目中落地。function throttle(fn, delay) { /* 实现 */ }function debounce(fn, delay) { /* 实现 */ }

针对你 1.5 年的前端经验，结合 Vue 3、TypeScript、微前端（qiankun）等背景，我准备了一套模拟面试题，偏向场景化问题，考察你的实战经验和思维能力。考察点：防抖、节流、v-model.lazy、vueuse 的 useDebounceFn。考察点：defineModel、watch、provide/inject、事件总线。考察点：懒加载、骨架屏、路由异步组件、performance API 监控。考察点：onUnmounted、emit、expose、事件总线。

Vue 3 的 setup 语法和 composition API 如何使用？请介绍一个你主导的 Vue 3 项目，主要技术难点是什么？你是如何在团队中推动技术升级（比如 Vue 2 到 Vue 3）？你可以先自己尝试回答这些问题，如果有不清楚的地方，我可以帮你解析。你在过去的项目中遇到的最难的技术挑战是什么？如果让你设计一套 Vue 组件的权限控制方案，你会如何实现？如果让你优化一个 Vue 3 项目的构建速度，你会怎么做？如果你的 Vue 项目出现了内存泄漏，你会如何排查？

TypeScript 类型体操：实现一个 TypeScript 类型 DeepPartial，使其可以将所有属性递归地变为可选。Tree Shaking：在 Webpack 或 Vite 中，如何确保你的代码可以正确进行 Tree Shaking？实现一个简单的 Diff 算法，模拟 Vue 3 patch 的核心思想（仅对比 key 的变化）。性能优化：如果 Vue 组件的 computed 在高频率更新时性能较差，你会如何优化？包含 Vue 3、TypeScript、性能优化、工程化等方面，偏八股文。

面试时间约 60 分钟，涵盖基础知识（HTML、CSS、JavaScript）、Vue 3、工程化、项目经验等内容。Promise.all、Promise.race、Promise.allSettled 的区别？（props、emit、mitt、provide/inject）Vue 3 重点掌握（组合式 API、生命周期、watchEffect）（按需加载、懒加载、SSR）（项目经历、技术栈、擅长的方向）手写代码要熟练（防抖、节流、深拷贝、Promise）项目经验要能深入讲解（优化点、遇到的坑、解决方案）

介绍一下 position: sticky 的工作原理，以及它和 position: fixed 的区别？你在项目中是如何做 Tree Shaking 的？Vue 3 的响应式系统是如何工作的？Qiankun 的沙箱机制是如何实现的？介绍一下前端 CI/CD 的流程，在你的项目中是如何落地的？可以按你喜欢的方式作答，我们可以针对你的回答进行深入探讨！你如何优化一个包含大量 DOM 操作的页面性能？假如你的团队要引入 SSR，你会怎么调研和推进？你在微前端项目中如何管理多个子应用之间的通信？

如果你有更具体的需求，比如更偏向八股文，或者更注重 Vue 相关的问题，可以再调整面试内容！absolute 和 relative 的区别？介绍一下 JavaScript 的基本数据类型？介绍一下 Flex 和 Grid 布局的区别？HTTP 状态码 301 和 302 的区别？let、const 和 var 的区别？CSRF 和 XSS 的区别？webpack 和 vite 的区别？ref 和 reactive 的区别？介绍你在 Vue 项目中做的性能优化？defer 和 async 的区别？

这个面试涵盖了前端基础、Vue 3、工程化、微前端以及你的项目经验。技术栈：Vue 3、TypeScript、微前端（qiankun）、Webpack/Rspack、Ant Design、组件库迁移。你们是如何从旧组件库迁移到 Ant Design 的？Vue 3 组件生命周期中 onMounted 之后的生命周期有哪些？this 在 JavaScript 中是如何绑定的？typeof null 的结果是什么？ref 和 reactive 的区别是什么？你们是如何优化 Webpack 启动时间的？