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

美团-财务科技-前端实习base成都官网1-13上午投递，下午约面试时间1-17晚上8点一面，是一个女面试官。基本是实习和项目，八股就问了react特性，hooks手撕排序，要求不能更改原数组，写了个冒泡堆排序说思路（嘴太笨了，最后写了个代码才解释清楚）嵌套数组获取最大深度（用栈实现，说思路就行）面完5分钟后约二面1-20下午两点二面，应该是部门主管。也是问的实习和项目，无手撕，不过面试官应该不是写前端的，很多东西都在问设计思想和架构设计，有点汗流浃背几个印象比较深的：1. 如果让你去负责你实习项目从0到1的搭建，你会怎样从架构上设计这个项目，难点有哪些2. 你觉得前端和后端难点分别在哪；如果让你去设计一个excel你会怎么设计（难绷），可能是看我答不出来，换了个问题。你觉得前端除了页面渲染，ui交互，有哪些工程化的东西，答了webpack、vite，以及服务端渲染等3. ai会替代程序员吗美团实习面试整体体验下来很不错，面试官基本都是按照简历提问，不会的地方也会说没事。实习和项目问了绝大部分，八股很少（可惜我还背了那么久）反思：1. 面试的时候太紧张了，很多问题没想好就开始说，一面面试官也提了这个问题，可以想好再回答2. 实习的项目其实有很多深挖的点可以去说的，但是简历上写的很简单，面试官问细节的时候，没有一个合适的切入点去展开讲，后面再重新整理一下实习项目下午6点已OC，化身团孝子

线下面试，需要自带简历，面试地点在编程猫公司会议室里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