阅读目录 1.Vue.extend({}) 2.Vue.nextTick([callback, context]) 3.Vue.set(object, key, value) 4.Vue.delete(object, key) 5.Vue.directive(id, [definition]) 6. ...
默认情况下,vue中DOM的更新是异步执行的,理解这一点非常重要。 当侦测到数据变化时,Vue会打开一个队列,然后把在同一个事件循环(event loop)当中观察到的数据变化的watcher推送进入这个队列,加入一个watcher在一个事件循环中被触发了多次,它只会被推送到队列中一次, 然后在进入 ...
分类:
其他好文 时间:
2017-05-28 14:57:26
阅读次数:
244
vue的第一篇文章,介绍一下简单的nextTick方法的实现原理 简介 vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时,我们经常用到一个方法是this.$nextTick,相信你也 ...
分类:
其他好文 时间:
2017-05-14 13:57:37
阅读次数:
342
1. vue中获取dom节点时机 vue组件中获取dom节点一定要在mounted周期之后的下一次事件循环,包括 component.$refs,component.$el,component.$children等一般写法在nextTick中获取,mounted不是必须:mounted(){ thi ...
分类:
其他好文 时间:
2017-05-13 19:10:09
阅读次数:
244
在p204有下面这个例子,当然,书中并没有给出step1...step4的实现,这个实现是我加的。function step1(func){ process.nextTick(function(){ console.log('step1'); func(1); });}function step2(... ...
分类:
其他好文 时间:
2017-04-15 12:06:43
阅读次数:
162
主要原因:dom解析准备完成后,开始执行$(document).ready(); 而vue是在window.onload(页面加载完后才执行);所以会导致owlCarousel插件失效。 解决方案:数据渲染后,更新dom;再调用插件。(vue的 this.$nextTick可以更新dom) 1.引入 ...
分类:
其他好文 时间:
2017-04-08 22:20:29
阅读次数:
541
官网解释: 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 我的理解:在vue完全操作完DOM之后的回调函数。 也就是说如果不调用nextTick直接用J ...
分类:
其他好文 时间:
2017-03-21 10:54:08
阅读次数:
146
setImmediate方法和process.nextTick()方法都是延迟执行的方法,先来看下面一个例子,来区别两者的区别。 具体原因:process.nextTick是idle观察者,setImmediate是check观察者。事件循环是,idle>I/O>check。 需要研究的博客:htt ...
分类:
Web程序 时间:
2017-03-15 20:39:54
阅读次数:
1011
1 Node.js提供了四种形式的定时器 2 global.setTimeout(); //一次性定时器 3 global.setInterval(); //周期性定时器 4 global.nextTick(); //本次事件循环结束时立即执行的定时器 5 global.setImmediate()... ...
分类:
Web程序 时间:
2016-12-20 09:52:42
阅读次数:
248
原文:https://github.com/nodejs/node/blob/master/doc/topics/event-loop-timers-and-nexttick.md 什么是事件循环(Event Loop) 事件循环能让 Node.js 执行非阻塞 I/O 操作 -- 尽管JavaSc ...
分类:
Web程序 时间:
2016-11-17 20:09:13
阅读次数:
235