携程前端面经

项目背景（是多人协作？还是自己的学习项目为什么选择vue3？不是reactvue3相较于vue2的提升为什么选择使用piniapinia的优势细说用vue3为啥不用ts？想拷打ts，我直接说不会echarts图表自适应怎么做的？大的echarts图表有渲染性能问题，放大缩小过程加载慢，动画卡顿，怎么处理如果现在请求数据，要做复杂的数据计算，才能在图表上展示，我们该怎么做没太理解，面试官举个例子说，现在有个复杂计算，js是单线程的，就会被阻塞掉，完全做不了任何事情，那这个时候我们怎么处理页面中有很多echarts图表，向下滚动的时候出现白屏和卡顿的情况，怎么优化用户用了你的组件库项目，说页面很卡性能不好，怎么去定位问题回答过程中我说了几个优化方案（懒加载，ssr，浏览器缓存优化）面试官追问怎么判断到底用哪个，怎么定位到底是哪里出问题了导致很卡现在想要监控每个组件的性能数据，该怎么做虚拟滚动列表组件适配暗黑模式怎么做cssmodule用过吗组件库有几个组件，开发者有几个项目挑战点和收获

如题，整理了几个冬春期间的面经，还有几个懒得听了2025.1滴滴自我介绍可以介绍下项目吗项目难点CSS 水平垂直居中？border box 和 content box 区别BFC 相关？ 触发条件？JS 基本数据类型函数作用域看输出，函数原型链输出事件循环题目防抖和节流哈希路由和 history 路由浏览器输入 url 到展示经历了哪些流程类组件和函数组件的区别类组件生命周期？useEffect 和 useLayoutEffect 区别，哪个先执行？useMemo 和 useCallback 的区别？useMemo 的理解对于 react vdom 的理解？2025.2wxg2.10lc322...

vue3，Proxy,vue组件通信，组深节点，多层组件数据传输(project/inject)，组件插槽，状态管理组件(Pinia)持久化怎么实现(localStorage,sessionStorage),css溢出省略加一个...，flex布局，浏览器回收机制，获取dom方法，删除dom，ts

核心本地 - 美团平台- 前端面经一、技术面问题开发效率与工程实践AI 提升开发效率的具体场景懒加载和条件渲染策略优化的背景是否使用过 React、对 React 和 Vue3 的看法与对比对 Node.js 的了解Webpack 使用经验为什么使用状态管理（解决什么问题）使用过 EventBus 吗？和 Pinia 的区别JavaScript 基础JS 数组方法手写题：数组扁平化（要求使用 reduce 方法）输出题：事件循环机制二、反问环节地图相关业务技术栈是否偏移动端（如 React Native）关注能力：基础、学习能力、沟通能力美团前端二面事件循环被问到事件循环的概念和执行机制，结合...