caoglish 发表于 22-8-2014 23:45:30

angularjs实现冒泡排序算法的可视化

本帖最后由 caoglish 于 7-12-2014 11:30 编辑

一直看到有人做算法可视化，觉得很神奇。

然而，今天突然有了灵感，觉得如果使用angularjs，算法可视化会很容易，就尝试的做了一下，果然，一个小时就做出来了。

angularjs的双向数据绑定特性，让算法可视化的编写大大简化了。如果知道如何写angularjs的话，写起来非常简单。

思路很简单：
1.使用时间循环
2.绑定数据和网页元素
3.对数组进行排序

剩下的就让angularjs框架去完成了。angularjs 完全做到了的面向数据编程的理念了。

runjs版:
http://runjs.cn/detail/jcdxyuo0

plunker版:
http://embed.plnkr.co/2SZdZVjpv9kQxgB47lvy/preview


源代码：
runjs 右下角有个查看源代码
plunker右上角有个edit


最近又开发了一个加强版，也可以参考一下
http://www.freeoz.org/ibbs/thread-1167965-1-1.html

mason00 发表于 23-8-2014 09:25:48

不错

cais 发表于 23-8-2014 22:05:47

这个有意思。等这段时间忙过了，我也来试试。我先把quicksort给预定了哦。
能把基本框架分享一下吗？

caoglish 发表于 24-8-2014 21:51:08

cais 发表于 23-8-2014 22:05
这个有意思。等这段时间忙过了，我也来试试。我先把quicksort给预定了哦。
能把基本框架分享一下吗？

我发的那两个连接都有源代码的呀。

runjs 右下角有个查看源代码
plunker右上角有个edit

cais 发表于 24-8-2014 22:39:17

caoglish 发表于 24-8-2014 21:51
我发的那两个连接都有源代码的呀。

runjs 右下角有个查看源代码


啊。没注意看。。:loveliness:

cais 发表于 24-8-2014 22:40:32

这个runjs好像跟jsfiddle有点像哦。是面向国内的吗？

caoglish 发表于 25-8-2014 00:22:09

cais 发表于 24-8-2014 22:40
这个runjs好像跟jsfiddle有点像哦。是面向国内的吗？

对的，是开源中国下面的一个项目板块。面向国内的。库虽多，但是更新太慢了，而且没有匿名编写的功能，而且还没有看到版本控制。用runjs主要是因为给国内程序员看，一般他们都表示看不懂英语。

一般我是会用jsfiddle写代码案例的。jsfiddle的协作编程比较强大，戴着耳机话筒，可以直接给对方讲解。



karl.lee.2004 发表于 26-8-2014 09:05:34

这段时间工作上需要用到c#+jquery/ui，看来是时候要深入学习js了。

cynthiawu 发表于 4-12-2014 04:33:23

这是用来做什么的？太专业了

shenlh 发表于 4-12-2014 20:43:22

Nice idea.

caoglish 发表于 7-12-2014 10:28:03

cynthiawu 发表于 4-12-2014 05:33
这是用来做什么的？太专业了

angluarjs是网页前端的MVC框架之一，它的编程思想比较先进

排序算法是算法编程基础之一，会写对编程功力会有很大提升，算是高级程序员的基本功之一。
页: [1]
查看完整版本: angularjs实现冒泡排序算法的可视化