笔记
溪水里的石头
这个作者很懒,什么都没留下…
展开
-
什么是节流?
我们都知道防抖是在最后一个人上车之后再进行计时(可以先看我写的什么是防抖函数),一段时间后没有人上车就发车,而节流则类是于准点发车的公交车,即一段时间后就发车,中途有人上车也不会像防抖一样进行重新计时。 常用的场景有: 窗口调整,页面滚动,抢购疯狂点击 例如:下面这个例子,我们每点击一次按钮,数字就会进行加一,我们点击多块,数字就会变多块,这有时不是我们想要的,比如点抢购物券,因为这样我们可以加一个恶意程序,进行多次点击,这时候就很浪费性能 <div id='oDiv'>0</d原创 2022-04-01 12:53:59 · 162 阅读 · 0 评论 -
什么是函数防抖?
1,什么是防抖? 防抖函数就是在函数需要频繁触发的情况时,只有足够空闲时间,才执行一次。类是于公交车在站台上,乘客上车,当最后一个乘客上车后进行计时,一段时间内,如果有乘客上车,就重新计时,直至计时时间内没乘客上车了,就发车。 普遍用于搜索框: 没有进行函数防抖: <input type="text" id='app'></inpue> <script> var oInp = document.getElementById('app'); functio原创 2022-03-31 22:49:11 · 779 阅读 · 0 评论 -
vue组件之间的通信方式
父子组件通信 绝大部分vue本身提送的通信方式,都是父子组件通信 prop 最常见的组件通信方式之一,由父组件传递到子组件 event 最常见的组件通信方式之一,当子组件发生了某些事,可以通过event通知父组件。 style和class 示例 父组件: <template> <div id="app"> <HelloWord style="color:red" class="hello" msg="Welco原创 2022-03-28 13:26:04 · 129 阅读 · 0 评论 -
虚拟DOM
面试题:请你阐述一下你对vue虚拟DOM的理解 1,什么是虚拟DOM? 虚拟DOM本质上就是一个普通的JS对象,用于描述视图的界面结构。在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟DOM树,这也就意味着每个组件都对应一课虚拟DOM树。 2,为什么需要虚拟DOM? 在vue中,渲染试图会调用render函数,这种渲染不仅发生在组件创建时,同时发生在试图依赖的数据更新时。如果在渲染时,直接使用真实的DOM,由于真实DOM的创建,更新,插入等操作会带来大量的性能损耗,原创 2022-03-26 20:22:47 · 235 阅读 · 0 评论