vue的transition代码里nextFrame为什么要间隔两帧？

Question

版本为vue2.3，源码如下：var raf = inBrowser && window.requestAnimationFrame  ? window.requestAnimationFrame.bind(window)  : setTimeout;function nextFrame (fn) {  raf(function () {    raf(fn);  });}这个nextFrame似乎是延迟了两帧然后触发fn进行重绘，这个情况下有时候动画会有一个抖动，但是改为下面代码的话，在下一帧就开始动画，动画抖动似乎就消失了，请问上面这样写的用意是什么？function nextFrame (fn) {  raf(function () {    fn();  });}

Answer 1

不清楚你的上下文，根据你写的代码看是因为raf，假设当前raf=setTimeout。
那第一种就是setTimeout了两次啊，进行了两次类似cpu转让的操作。