前端面试题，利用函数柯里化，实现如下功能

因为是线下，不是很记得全部的，上午去线下面，两个面试官对着问，然后出去的时候看到还有很多面试者，问了一下只有一个hc，估计是凉经，没有太大参考意义。1. 自我介绍2. vue3相对vue2的优点3. toRefs的原理4. 性能优化的工作，5. 讲一个封装业务组件或者通用组件是如何封装的6. 回流和重排7. 防抖和节流8. git pull 和git fetch的区别9. interface和type的区别问了很多简历上的项目的问题，不是八股了.....(想起来再补充)last.... 你有什么要问我们的#面试常问题系列##前端面试##前端凉经#

【招聘岗位】AI/算法类，标准研究类，软件类，硬件类，产品类，设计类，工程技术类，销售服务类，品牌策划类，采购类，综合职能类（同学们可同时投递 AI 实习生专项与寻梦实习招聘，每位同学最多可申请2个岗位，我们将优先根据第一志愿进行简历处理）【工作地点】东莞、深圳、成都、上海、北京、西安、南京、重庆【福利待遇】极具竞争力的薪资+制化培养体系+多样化发展机制；在岗实习满2个月的寻梦实习生可参与转录用答辩，答辩通过者可获得转录用offer，毕业后可正式加入OPPO。公司没有设置固定的转录用比例，优秀的同学都有机会通过实习获得校招offer 【笔试岗位】OPPO部分AI/算法类和软件类岗位需要笔试，如...

ieg游戏数据部门  无手撕 全程项目+八股（1h）1. 项目拷打 项目中公共组件如何复用的，具体复用过程2. Vue3相对Vue2做了哪些改善，加了什么特性3. Vue3引进setup，目的是啥，解决了什么问题，与Vue2写起来的差异4. Vue如何实现响应式 ref对象值修改，为什么页面会跟着刷新5. 项目中Echarts可视化做了什么6. SVG和Canvas渲染引擎的区别7. 鼠标悬停实现tooltip交互时，Canvas和SVG在事件处理的区别8. Al相关的工具使用9. ES箭头函数的作用域10. js原型链的继承怎么实现，继承的目的是为了解决了什么问题11. js同步异步执行的区别，调度过程12. 宏任务微任务的区别，为什么要区分这两13. 场景题，口述如何实现三栏布局14. flex:1 1 0 分别代表啥意思15. 项目中处了图片懒加载还做了什么性能优化？16. 对JS，CSS静态资源大小的优化怎么处理？17. 定制过webpack插件吗18. 项目如何部署19. 前后端通信，如何预防XSS和SQL注入问题20. TCP/UDP区别21. 为什么HTTPS安全上做的更好，怎么保障安全性的？22. 你对什么前端方向感兴趣？23. 最近有阅读过技术文章吗面完到现在还是显示初试中，也没通知过没过，有兄弟一样的情况吗 #前端#  #腾讯#  #实习#

从一些面经里面扒出来整理的框架其实感觉不是重点考察的点啊 但是简单的八股还是要背背 原理这些我感觉无所谓 因为我React原理背了一堆感觉也没什么用一、基础概念与原理1. Vue 的 MVVM 模式是什么？MVVM（Model-View-ViewModel）通过数据绑定实现视图与数据的自动同步。  - Model：数据层，负责业务逻辑。  - View：UI 层，展示数据。  - ViewModel：双向绑定桥梁，监听数据变化并更新视图。2. Vue2 与 Vue3 的核心区别  - 响应式系统：Vue2 使用 Object.defineProperty，Vue3 改用 Proxy，支持深层对象和数组监听。  - Composition API：Vue3 提供更灵活的代码组织方式，替代 Options API 的逻辑分散问题。  - 性能优化：Vue3 通过静态提升（Static Hoisting）和 Patch Flag 减少虚拟 DOM 对比开销。3. Vue 生命周期钩子函数及作用  - 创建阶段：beforeCreate（数据未初始化）、created（可访问数据，但 DOM 未挂载）。  - 挂载阶段：beforeMount（模板编译完成）、mounted（DOM 渲染完成，适合异步请求）。  - 更新阶段：beforeUpdate、updated（数据变化后触发）。  - 销毁阶段：beforeDestroy（清理定时器）、destroyed。二、核心机制与优化4. 响应式原理实现  - Vue2：通过 Object.defineProperty 递归劫持对象属性，结合发布-订阅模式收集依赖。  - Vue3：基于 Proxy 代理对象，支持动态属性添加和数组索引修改，减少初始化性能损耗。5. 虚拟 DOM 与 Diff 算法的作用  - 虚拟 DOM：JS 对象模拟真实 DOM，减少直接操作 DOM 的性能损耗。  - Diff 算法：同级对比新旧虚拟 DOM，通过 Key 标识复用节点，最小化更新范围。6. Computed 和 Watch 的区别  - Computed：依赖缓存，适合派生数据（如过滤列表），仅在依赖变化时重新计算。  - Watch：监听数据变化执行回调，支持异步操作，适用于数据变动后的复杂处理。三、组件与通信7. 组件通信方式  - 父子组件：props 传值，$emit 触发事件。  - 跨层级：provide/inject（依赖注入）、Vuex 全局状态管理。  - 兄弟组件：事件总线（Event Bus）或通过父组件中转。8. 动态组件与异步组件  - 动态组件：使用  动态切换组件。  - 异步组件：通过 defineAsyncComponent 或路由懒加载（() => import('./Component.vue')）优化首屏性能。9. 插槽（Slots）的应用场景  - 默认插槽： 接收父组件内容。  - 具名插槽： 指定插入位置。  - 作用域插槽：子组件通过 v-bind 传递数据给父组件14。四、路由与状态管理10. Vue Router 的导航守卫  - 全局守卫：beforeEach（路由跳转前鉴权）、afterEach（跳转后操作）。  - 路由独享守卫：beforeEnter。  - 组件内守卫：beforeRouteEnter（无法访问 this）、beforeRouteUpdate。11. Vuex 的核心概念  - State：存储全局状态。  - Mutations：同步修改状态（通过 commit 触发）。  - Actions：异步操作后提交 Mutations（通过 dispatch 触发）。  - Getters：计算派生状态。五、高频实战问题12. v-if 与 v-show 的区别  - v-if：条件渲染，销毁/重建 DOM，适用于切换频率低的场景。  - v-show：通过 CSS display 控制显示，适合频繁切换。13. v-for 为何需要 Key？Key 帮助 Vue 识别节点身份，优化 Diff 算法效率，避免渲染错误14. Vue 性能优化手段  - 使用 v-once 或 v-memo 缓存静态内容。  - 路由懒加载、组件异步加载。  - 避免深层响应式对象，合理使用 Object.freeze。六、原理类高频问题1. Vue 的响应式系统中，Object.defineProperty 和 Proxy 在实现上有何本质区别？Vue3 改用 Proxy 解决了哪些痛点？（提示：数组监听、动态属性、性能开销）2. 依赖收集（Dependency Collection）和派发更新（Trigger Updates）的具体流程是怎样的？请描述 Dep 和 Watcher 的协作关系。（提示：发布-订阅模式、getter/setter 触发时机）3. Vue 的模板编译过程经历了哪几个阶段？如何将模板字符串转换为渲染函数？（提示：解析器生成 AST → 优化器标记静态节点 → 代码生成器生成 render 函数）4. 虚拟 DOM 的 Diff 算法中，为什么要优先进行“同层比较”而不是跨层递归？Key 值在 Diff 过程中起到了什么作用？（提示：时间复杂度优化、节点复用策略）5. Vue 的异步更新队列（Async Update Queue）是如何工作的？为什么修改数据后立即访问 DOM 可能获取不到最新值？（提示：nextTick 实现原理、事件循环与微任务）6. Vue3 的静态提升（Static Hoisting）和 Block Tree 机制如何优化渲染性能？（提示：跳过静态节点比对、动态节点标记 Patch Flags）7. 计算属性（Computed）的缓存特性是如何实现的？与普通方法调用有何本质区别？（提示：脏检查机制、依赖追踪）8. Vue 组件实例化过程中，data 选项为什么要用函数返回对象，而不是直接写对象？（提示：避免多个实例共享同一数据引用）9. Vue 的事件系统是如何实现 v-on 的？事件修饰符（如 .native）底层做了哪些处理？（提示：原生事件与自定义事件的分发机制）10. Vue3 的 Composition API 如何解决逻辑复用问题？对比 Mixins 和 Hooks 的优缺点。（提示：命名冲突、代码组织、类型推导）