首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
AI 模拟面试
简历
求职
学习
基础学习课
实战项目课
求职辅导课
专栏&文章
竞赛
我要招人
发布职位
发布职位、邀约牛人
更多企业解决方案
AI面试、笔试、校招、雇品
HR免费试用AI面试
最新面试提效必备
登录
/
注册
一个前端爱好者
2021-01-29 17:16
运城学院 前端工程师
关注
已关注
取消关注
容易理解的vue双向数据绑定原理
前端求职圈
全部评论
推荐
最新
楼层
hhdidid
门头沟学院 前端工程师
没有依赖收集,没有对数组元素进行观察,简化不是乱简化的
1
回复
分享
发布于 2021-01-29 17:25
Fadeways
海康威视_国际_前端
双向数据绑定说的是v-model的原理吧?楼主说的难道不是响应式的原理???
点赞
回复
分享
发布于 2021-01-30 16:28
LongzZai
小红书_电商_前端工程师
Dep和Watcher全没了,留下个observe有啥意义呢
点赞
回复
分享
发布于 2021-02-03 13:45
还没有回复哦~
相关推荐
03-26 15:04
中国科学院大学 前端工程师
腾讯音乐前端一面凉经
怎么做二次开发?页面是响应式吗?不同屏幕的适配?有没有了解过适配方案?权限管理都是在web端吗?怎么保证token的正确性?放在LocalStorge中,那内存大小问题怎么解决?对接口层级的权限管控呢?了解后端开发接口的语言或框架吗?跨域?为什么代理的方式能解决跨域?cors怎么允许多个域名跨域访问?用户输入的地方怎么保证安全?xss csrf(自己提的,因为没得讲了)三栏布局组件库二次开发,ui一样逻辑不一样业务使用组件库,怎么保证组件库更新带来的问题?vue2 vue3区别生命周期?每个阶段干了什么?数据更新可能出现死循环在哪个阶段?兄弟组件通信?eventbusvue响应式原理底...
腾讯音乐娱乐集团一面93人在聊
查看24道真题和解析
点赞
评论
收藏
分享
03-14 20:32
门头沟学院 Java
应该去实习保底还是all in 春招?
投票
上海AI公司
实习
实习200,转正10k
点赞
评论
收藏
分享
03-12 20:15
门头沟学院 前端工程师
金融科技二面2h
两个小时超长时间拷打有没有做过不是为了课设实习比赛,单纯自己觉得好玩想做的项目?讲讲跨域解决方法。各种方法具体怎么实现?cors设置什么字段?jsonp口述回调函数怎么写?怎么执行?NGINX反向代理有没有配置过?https连接过程,缓存过程,服务端指什么?(啥玩意)https的加密算法有哪些?后续进行对称加密的算法有哪些?对称加密还是太浪费性能,有没有更轻量级的方法?前端安全xss和csrf哪个威胁更大,攻击原理具体到攻击代码怎么写,攻击代码如何获取到状态?怎么防范?你让为vue2和vue3最大区别是什么?vue组合式api比选项式api更优的地方,官网文档在这边是怎么写的?有没有关注过源码是怎么实现的?你提到前端框架和库函数,用过vue.use吗?电梯夹手是用的防抖节流哪个原理?自己学习前端技术的路线是如何确定的跟视频课学,自己看书和扒官方文档有什么区别?手撕:有效字符串匹配,类似括号匹配。很简单但是写的很慢被diss了,当时我电脑没电了,面试官说赶在关机之前写完,太紧张了😰for-in用法都记错了,寄反问建议:可以从零做一个小项目慢慢完善,自己体验一个应用从需求设计到上线需要考虑的所有事情会提升很大。第一次压力面,面完手都是抖的。
点赞
评论
收藏
分享
03-01 18:51
网易互娱_前端开发(准入职员工)
前端实习Vue面试题总结
从一些面经里面扒出来整理的框架其实感觉不是重点考察的点啊 但是简单的八股还是要背背 原理这些我感觉无所谓 因为我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 的优缺点。(提示:命名冲突、代码组织、类型推导)
前端小圆:
vue可能问的原理会比react多
我主react的时候实习面试时候真感觉问的很少
点赞
评论
收藏
分享
03-21 00:01
河海大学 产品经理
华为客户经理春招三面已挂
很想很想进华为所以挂了有点emo,也尝试发邮件but心里也清楚没有再被捞的可能,过了一二面之后还是蛮期待的,虽然说三面都过大概率也是泡着但是想着能进池子总归有希望。今天官网查到主管面gg了,也有人说这个岗位确实不太爱要女生,不过大概率还是我个人能力没到面试官的要求吧。想到从秋招到春招都没有拿到满意的offer,想进好一点的厂子但是进不去,不过再怎么emo也还得继续投简历,发个帖子吐槽一下然后振作起来继续春招
点赞
评论
收藏
分享
评论
点赞成功,聊一聊 >
3
收藏
分享
评论
提到的真题
返回内容
全站热榜
更多
1
...
我时常消极但又觉得生活很美好
3.6W
2
...
腾讯音乐面经(速通OC版)
1.9W
3
...
腾讯已oc,整理面经
1.3W
4
...
万字长文倡导:无脑拥抱大模型
1.2W
5
...
应届生身份是什么?对我们有哪些好处呢?
1.0W
6
...
携程笔试 3.27
9866
7
...
双非鼠用伤痕踩出来的突围路线图
9590
8
...
凡王之血,必以剑终
8739
9
...
0实习两周速通腾讯暑期
7992
10
...
西安这地方指定有点说法
7146
创作者周榜
更多
正在热议
更多
#
携程求职进展汇总
#
236841次浏览
2089人参与
#
同程求职进展汇总
#
6872次浏览
64人参与
#
招行数字金融训练营
#
56296次浏览
265人参与
#
腾讯音乐求职进展汇总
#
69928次浏览
366人参与
#
机械人的薪资开到多少,才适合去?
#
92346次浏览
409人参与
#
查收我的offer竞争力报告
#
138213次浏览
883人参与
#
腾讯云智研发2025实习生招聘
#
64932次浏览
665人参与
#
投格力的你,拿到offer了吗?
#
65112次浏览
514人参与
#
如何看待应届生身份?
#
23800次浏览
341人参与
#
想给25届机械人的秋招建议
#
23866次浏览
207人参与
#
哪些瞬间让你真切感受到了工作的乐趣
#
6627次浏览
43人参与
#
面试之前应该如何准备?
#
13109次浏览
362人参与
#
今年秋招哪家公司给的薪资最良心?
#
190016次浏览
1136人参与
#
投递几十家公司,到现在0offer,大家都一样吗
#
185512次浏览
1343人参与
#
推荐一首陪你工作的歌吧
#
11064次浏览
87人参与
#
通信和硬件还有转码的必要吗
#
48442次浏览
498人参与
#
软开人,秋招你打算投哪些公司呢
#
74479次浏览
814人参与
#
0offer互助地
#
307684次浏览
2591人参与
#
总结:offer选择,我是怎么选的
#
103213次浏览
759人参与
#
双非本科的出路是什么?
#
112011次浏览
1084人参与
#
你的实习什么时候入职
#
120826次浏览
1164人参与
#
招银网络求职进展汇总
#
95868次浏览
609人参与
牛客网
牛客企业服务