面试题总结
刚上道的小白_
这个作者很懒,什么都没留下…
展开
-
Vue组件通信(父传子、子传父、兄弟通信)
Vue组件通信(父传子、子传父、兄弟通信)一、父传子在父组件中,给子组件绑定一个属性,这个属性上需要挂载传递的值 , 然后在子组件中用prop来接收数据二、子传父在父组件中给子组件绑定一个自定义事件 ,给这个事件上挂载需要调用的方法 ,然后再子组件中用$.emit来调用这个方法,并传参。三、兄弟通信先创建一个空的vue实例通过$.emit传入数据到空的vue实例中再用$.on 来接受数据...原创 2020-10-26 11:39:02 · 180 阅读 · 0 评论 -
Vue Virtual Dom 和 Diff原理(极简版)
Vue Virtual Dom 和 Diff原理(极简版)先来说说什么是Dom吧Dom就是一个js对象,专门为复杂的文档提供一种方便的工具,从而最小化进行Dom操作Diff算法diff算法就是用 JavaScript 对象结构表示 DOM 树的结构,一个新的dom树和一个旧的dom树 ,然后这两个dom树做对比 ,把它们的不同记录下来 ,然后再放到一个真正的dom树上...原创 2020-10-26 11:28:28 · 127 阅读 · 0 评论 -
为何组件的data必须是一个函数
为何组件的data必须是一个函数首先定义的 xx.vue文件在编译之后是一个类,每个地方使用这个组件的时候,相当于对这个类实例化,在实例化的时候执行data,如果不是一个函数的话,每个组件的实例的data都是同一个引用数据,当该组件作为公共组件共享使用,一个地方的data更改,所有的data一起改变。如果data是一个函数,每个实例的data都在闭包当中,就不会各自影响了简单来说就是:因为vue是可复用组件,如果data不是一个函数,那么在一个组件中修改数据会造成所有组件中数据都会改变,很容易造成原创 2020-10-26 10:07:16 · 129 阅读 · 0 评论 -
前端面试题总结
BFC盒模型清除浮动四种方法常用的页面布局(两栏布局、三栏(圣杯、双飞翼)布局)原创 2020-10-20 12:10:52 · 152 阅读 · 1 评论