可视化冒泡排序算法

相信大家都知道一些排序算法，比如冒泡排序，快速排序，选择排序等等...就算大家不知道，也应该听过，一般的面试都会问一些算法，简单一点的就是冒泡排序这些，难一些的就是A*寻路算法等...其实大家可能都会觉得这个冒泡排序非常简单，确实是挺简单的，但是对于初学者或者一些萌新们来说，他们只会按照别人说的秘籍:外层循环n - 1 次，里层循环n -1 - i 次，但是真的理解了吗？为什么是这么操作的呢？基于这样的一个情况，我这次来写一个可视化的冒泡排序，帮助萌新初学者们来加深下对这个冒泡排序算法的理解。

冒泡，何为冒泡？吐泡泡吗？哈哈，当然不是了。这个算法需要重复地走访过要排序的元素列，依次比较两个相邻的元素，如果他们的顺序（如从大到小、首字母从A到Z）错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素列已经排序完成。它的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。它的原理简单来说为以下四点:

一：比较相邻的元素。如果第一个比第二个大，就交换他们两个。

二：对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。

三：针对所有的元素重复以上的步骤，除了最后一个。

四：持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。

OK，看样子有朋友已经看蒙了，话不多说，上效果图看看:

这是已经排序完成的效果，既然是可视化排序，当然排序的过程是可以看的到的，这里我用的是协程函数来做的，代码附上:

注释什么的都有的，有什么看不懂的可以来找我