美团前端校招面经，许愿hr面！

1.权限设计如何实现2.Async/await如何结合Promise使用3.线上白屏之后如何定位问题4.v-if和v-show的区别5.React常用hook以及它们的区别6.什么是Promise7.输入一个url地址到页面展示的全过程8.浏览器本地存储以及它们的区别9.css中水平垂直居中的方法全程八股 面试管照着问题目录念? 已被KPI

线下面试，需要自带简历，面试地点在编程猫公司会议室里1. 自我介绍2. 开发相关- 平常是怎么使用git，怎么创建新的分支- 上一家公司怎么进行code review的- 用过哪些AI工具来帮助自己开发提效3. CSS- CSS优先级, 哪个优先级是最高的- 用CSS实现居中对齐有哪些方式- 有没有用过display: grid, 它有什么限制- 在需要验证某个CSS特性或者JS特性的浏览器兼容性的时候，怎么去查- CSS中transition和animation的区别4. JavaScript- JS有哪些基础类型- JS中值类型和引用类型有什么不同- JS里的深拷贝一般怎么实现，有哪些现成的第三方库可以用- 讲一下事件循环- 事件循环中的微任务和宏任务平时有没有用到过，比如Vue中的this.$nextTick- 介绍一下JS中的原型和原型链- 如果想要创建一个原型为空的对象应该怎么做5. TypeScript- TS中的type和interface有什么区别- 项目中的.d.ts的作用？6. 框架- Vue3和Vue2的区别- Vue3和React的区别- React中，useEffect是如何使用的，依赖项传与不传的区别7. HTTP协议- 浏览器缓存是如何实现的- 平常开发中打包后的HTML文件以及JS， CSS文件的处理方式- localStorage, sessionStorage和IndexedDB的区别- 跨域是什么，如何从纯前端的角度实现跨域8. 项目经验- 说一下自己实现过的最难的项目- 开发过程中遇到页面卡顿的情况，应该怎么处理（提示：可以用devtools的Performance）- 怎么样实现一个可拖拽的元素9. 公司相关- 有没有用过编程猫的产品- 如果要你用AI对话框实现一个编程猫产品的积木模块的添加功能，你要怎么实现10. 反问环节#编程猫##前端##社招##面经##前端面试#

有的同学在问要不要学vue2，我感觉学技术应用的时候，直接学vue3，背原理八股文的时候再背vue2，就跟React的类组件一样，我根本不想学也不想用，但是有些面试还喜欢问生命周期，，但是我保证 某几个大厂你进去实习包是需要维护那个vue2史山 甚至是vue2.5用不了v-slot版然后 这其实是一个八股 vue3比vue2好在哪一、响应式系统革新Vue2 基于 Object.defineProperty 的响应式存在硬伤：无法监听动态新增属性、数组索引修改需特殊处理。Vue3 采用 Proxy 重构后：自动追踪深层嵌套对象变化数组操作无需特殊 API（如 push直接生效）内存占用显著降低（官方测试减少约 40%）渲染性能优化（复杂场景实测提升 1.5-2 倍）二、组合式 API 颠覆逻辑组织方式对比 Vue2 的选项式 API，组合式 API 实现逻辑关注点聚合高复用性：业务逻辑可封装为独立函数跨组件复用TS 友好：天然支持类型推导，复杂项目维护性提升逻辑解耦：同一功能相关代码集中管理（如数据+请求+状态）心智负担降低：解决this 上下文问题，函数作用域更清晰三、工程化能力全面升级Tree-shaking 优化：打包体积减少 40%+（仅引入使用到的功能）模块化设计：核心库拆分为独立模块（如响应式/编译器分离）兼容性策略：提供渐进式迁移方案，支持与 Vue2 混用生态协同：Vite 构建工具等新库四、新特性解决历史痛点多根组件模板：摆脱外层冗余  包裹Teleport 组件：优雅处理全局弹窗/Toast 等 DOM 层级问题自定义渲染器：突破 Web 限制，可开发小程序/Canvas 应用Fragment 支持：服务端渲染 (SSR) 性能显著优化五、长期维护与生态趋势官方维护策略：Vue2 已于 2023 年底停止维护社区资源倾斜：全家桶已全面适配 V3TypeScript 深度整合：类型提示覆盖模板/Props/自定义Hook未来演进基础：新功能（如 Suspense/新的 DevTools）仅支持 V3

有偿求2个前端项目，为了能混个春招面试。只需要项目文档，不需要实际项目，就为了混个面试。#前端##大家都开始春招面试了吗#