HTML5 css3 基于Vue.js的冒泡排序模拟动画，刚打开还以为是模拟的弹钢琴呢，呵呵。这个效果演示了每个冒泡过程，对应DIV的展现，依次着色的效果，到最后把对应所有数据的表格都着色，也就是显示了排序的结果。可以说本特效很好的演示了冒泡法排序的实现过程。 　　在编写html时，采用了绑定内联样式，通过 height 和 transform 来显示不同的div，通过改变class，来改变颜色。

vue.js是一款轻量级的渐进式Javascr ipt框架，之前我们也分享过一些基于vue.js的应用，例如这款基于Vue.js的Tooltip用户通知弹出框和基于Vue.js的超实用科学型计算器。这次给大家带来了一款基于Vue.js的有趣动画，它主要模拟了冒泡排序的过程，冒泡排序大家应该非常熟悉，这次用vue.js来直观展现冒泡排序的全过程，还是非常富有创意的。

在js中，想让线程sleep一下确实不是一件简单的事情，过多的使用定时器或者回调函数，会让复杂，凌乱，这时，可以考虑能否使用队列来做一些简

而在某些场景中，队列确实像一支奇兵，可以带来不错的效果，比如配合定时器使用，可以模拟时间差效果 代码如下: function createDq(){ var dq = [], size = 0; return { setDq:function(queue){ dq = queue; size = queue.length; }, queue:function(fn){ size ++; dq.push(fn); }, dqueue:function(){ size –; return dq.s