JavaScript 实现排序算法可视化手记

#前端开发那些事#详见: 这两天找了个没网的地方,总算把之前遗留下的排序可视化实现了,现在初步完成了冒泡排序和选择排序,写这篇是为了整理一下从零到实现的过程,也分享自己的解决思路。(作者:缉熙soyaine)欢迎大家多多投稿到前端 全文这两天找了个没网的地方,总算把之前遗留下的排序可视化实现了,现在初步完成了冒泡排序和选择排序,写这篇是为了整理一下从零到实现的过程,也分享自己的解决思路,欢迎多多交流。 实现效果 源代码 (很牛的视频链接列表。) 下面主要记录下选择排序的实现。 失败的尝试 还没开始做时,觉得只要在排序时每一步高亮一个数据块,就能实现了。于是能想到的最简单的是,写一个实现暂停的 sleep 函数,在每次循环后暂停,操作 DOM。我经历过的失败的尝试有: 在循环中操作节点样式,无法控制延迟时间 在循环中混入 setTimeOut 在循环中混入元素交换的操作 浏览器的渲染机制及定时器机制 浏览器渲染 浏览器是...