使用场景 在进行获取数据后，需要对新视图进行下一步操作或者其他操作时，发现获取不到 DOM。 原因: 这里就涉及到 Vue 一个很重要的概念：异步更新队列（JS运行机制 、 事件循环）。 Vue 在观察到数据变化时并不是直接更新 DOM，而是开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。 ...
分类：
其他好文 时间：
2019-03-25 23:12:51
阅读次数：
226
在Vue中使用了Swiper ，动态从后台获取数据的之后，swiper滑动失效？？ 是因为swiper提前初始化了，那时候数据还没有完全出来。这里有两种解决办法 1. 使用vue提供的$nextTick()方法 当Vue构造器里的data值被修改完成后会调用这个方法，也相当于一个钩子函数吧，和构造器 ...
分类：
其他好文 时间：
2019-03-09 23:14:33
阅读次数：
501
最开始查看nextTick这个方法的时候，眼瞎看成了nextClick。。。我还在疑问难道是下一次click之后处理事件。。。 然后用这个方法的时候，就只知道是用在DOM更新之后调用回调方法。 这时就产生了一堆疑问： 1）DOM更新后？难道修改数据之后，DOM没有及时更新，还有延迟？但是页面上看到的 ...
分类：
Web程序 时间：
2019-03-06 17:57:20
阅读次数：
254
javascript是单线程，一切javascript版的"多线程"都是用单线程模拟出来的，通过事件循环(event loop)实现的异步。 javascript事件循环 事件循环中的同步任务，异步任务： 同步和异步任务在不同的执行"场所"，同步的进入主线程，异步的进入Event Table执行并注 ...
分类：
Web程序 时间：
2019-03-05 21:24:52
阅读次数：
241
Vue nextTick使用 vue生命周期 用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 通俗来说就是修改data后dom不会马上改变 可以调用 this.$nextTick 来立刻获取到data改变后dom数据。 （比如我们通过aja ...
分类：
其他好文 时间：
2019-02-25 00:58:16
阅读次数：
256
1.机制如下： 注意一点： 宏任务需要多次事件循环才能执行完，微任务是一次性执行完的； 2.宏任务macrotask： （事件队列中的每一个事件都是一个macrotask） 优先级：主代码块 > setImmediate > MessageChannel > setTimeout / setInte ...
分类：
Web程序 时间：
2019-02-19 16:26:51
阅读次数：
308
<!-- 应用场景： 点击一个按钮，由v-if让div显示，并且拿到div的内容的时候。 在div还没有被创建出来的时候，是拿不到内容的。 这里涉及到了Vue异步更新队列的概念 Vue观察数据变化的时候并不是直接更新DOM，而是开启一个队列,并 缓冲在同一事件循环中的发生的所有数据的改变，在缓冲时会 ...
分类：
其他好文 时间：
2019-02-17 12:40:16
阅读次数：
210
v-show 是一个条件渲染指令，它只切换元素 CSS 属性的 display，这里当 show 值为 true 时，我们就显示该元素。 props 是用来传递数据的，我们需要在子组件用 props 选项声明它预期的数据，上面的代码中我们声明了 3 个属性，并为其指定了 type 类型和 defau ...
分类：
Web程序 时间：
2019-01-17 00:33:19
阅读次数：
239
vue生命周期: 1、什么是vue生命周期？答： Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 2、vue生命周期的作用是什么？答：它的生命周期中有多个事件钩子，让我们在控制整个 ...
分类：
其他好文 时间：
2019-01-16 16:45:41
阅读次数：
218
//Swiper上下滚动初始化 swiper_init(){ this.$nextTick(function(){ var mySwiper = new Swiper ('.swiper-container', { direction: 'vertical', // 垂直切换选项 autoplay:... ...
分类：
其他好文 时间：
2019-01-14 20:13:27
阅读次数：
172
