2022年10月10日
19 道高频 vue 面试题解答（下）
摘要： 既然Vue通过数据劫持可以精准探测数据变化，为什么还需要虚拟DOM进行diff检测差异 响应式数据变化，Vue确实可以在数据变化时，响应式系统可以立刻得知。但是如果给每个属性都添加watcher用于更新的话，会产生大量的watcher从而降低性能 而且粒度过细也得导致更新不准确的问题，所以vue采用 阅读全文
posted @ 2022-10-10 11:06 bb_xiaxia1998 阅读(94) 评论(0) 推荐(0)
19道高频vue面试题解答（上）
摘要： 子组件可以直接改变父组件的数据吗？ 子组件不可以直接改变父组件的数据。这样做主要是为了维护父子组件的单向数据流。每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。如果这样做了，Vue 会在浏览器的控制台中发出警告。 Vue提倡单向数据流，即父级 props 的更新会流向子组件， 阅读全文
posted @ 2022-10-10 11:02 bb_xiaxia1998 阅读(48) 评论(0) 推荐(0)
2022年10月6日
每日一题之请描述Vue组件渲染流程
摘要： 组件化是 Vue, React 等这些框架的一个核心思想，通过把页面拆成一个个高内聚、低耦合的组件，可以极大程度提高我们的代码复用度，同时也使得项目更加易于维护。所以，本文就来分析下组件的渲染流程。我们通过下面这个例子来进行分析： <div id="demo"> <comp></comp> </di 阅读全文
posted @ 2022-10-06 10:11 bb_xiaxia1998 阅读(33) 评论(0) 推荐(0)
每日一题之Vue的异步更新实现原理是怎样的？
摘要： 最近面试总是会被问到这么一个问题：在使用vue的时候，将for循环中声明的变量i从1增加到100，然后将i展示到页面上，页面上的i是从1跳到100，还是会怎样？答案当然是只会显示100，并不会有跳转的过程。 怎么可以让页面上有从1到100显示的过程呢，就是用setTimeout或者Promise.t 阅读全文
posted @ 2022-10-06 10:06 bb_xiaxia1998 阅读(36) 评论(0) 推荐(0)
每日一题之Vue数据劫持原理是什么？
摘要： 什么是数据劫持? 定义： 数据劫持，指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。 简单地说，就是当我们 触发函数的时候 动一些手脚做点我们自己想做的事情，也就是所谓的 "劫持"操作 数据劫持的两种方案： Object.defineProperty 阅读全文
posted @ 2022-10-06 10:01 bb_xiaxia1998 阅读(29) 评论(0) 推荐(0)
Vue的computed和watch的区别是什么？
摘要： 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> //计算属性 computed:{ msg:function() 阅读全文
posted @ 2022-10-06 09:56 bb_xiaxia1998 阅读(22) 评论(0) 推荐(0)
2022年10月5日
说说你对Vue的keep-alive的理解
摘要： 什么是 keep-alive 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。 也就是说，keepalive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 。也就是所谓的组件缓存 < 阅读全文
posted @ 2022-10-05 09:57 bb_xiaxia1998 阅读(75) 评论(0) 推荐(0)
Vue是怎样监听数组的变化的？
摘要： 上周五跟着一个师姐面试一个三年工作经验的前端开发，我在一边谨慎的观摩。想着曾经我也被别人面试过，如今面试别人，感觉其实心情是一样的。 前言 工作三年的Vue使用者应该懂什么？ 为何工作几年的基础越来越弱？ 工作如何挤出时间学习？ 一道面试题 其实我们并不是要你把答案都记下来，而是把其中的思想学习到。 阅读全文
posted @ 2022-10-05 09:51 bb_xiaxia1998 阅读(134) 评论(0) 推荐(0)
说说Vue响应式系统中的Watcher和Dep的关系-面试进阶
摘要： 引言 在这里我先提出两个问题（文章末尾会进行解答）： 在Vue的数据响应系统中，Dep和Watcher各自分担什么任务？ Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗？有什么弊端和漏洞吗？ 一、什么是响应系统中的Watcher，它的作用是什么？ 响应系统中的W 阅读全文
posted @ 2022-10-05 09:45 bb_xiaxia1998 阅读(35) 评论(0) 推荐(0)
2022年10月4日
Vue.$nextTick的原理是什么-vue面试进阶
摘要： 原理性的东西就会文字较多，请耐下心来，细细品味 Vue中DOM更新机制 当你气势汹汹地使用Vue大展宏图的时候，突然发现，咦，我明明对这个数据进行更改了，但是当我获取它的时候怎么是上一次的值（本人比较懒，就不具体举例了👵） 此时，Vue就会说：“小样，这你就不懂了吧，我的DOM是异步更新的呀！！！ 阅读全文
posted @ 2022-10-04 09:45 bb_xiaxia1998 阅读(18) 评论(0) 推荐(0)