FreeOZ论坛

标题: angularjs实现冒泡排序算法的可视化 [打印本页]

作者: caoglish 时间: 23-8-2014 00:45
标题: 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 10:25
不错

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

作者: caoglish 时间: 24-8-2014 22:51

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

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

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

作者: cais 时间: 24-8-2014 23:39

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

runjs 右下角有个查看源代码

啊。没注意看。。

作者: cais 时间: 24-8-2014 23:40
这个runjs好像跟jsfiddle有点像哦。是面向国内的吗？

作者: caoglish 时间: 25-8-2014 01:22

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

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

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

作者: karl.lee.2004 时间: 26-8-2014 10:05
这段时间工作上需要用到c#+jquery/ui，看来是时候要深入学习js了。

作者: cynthiawu 时间: 4-12-2014 05:33
这是用来做什么的？太专业了

作者: shenlh 时间: 4-12-2014 21:43
Nice idea.

作者: caoglish 时间: 7-12-2014 11:28

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

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

排序算法是算法编程基础之一，会写对编程功力会有很大提升，算是高级程序员的基本功之一。

欢迎光临 FreeOZ论坛 (https://www.freeoz.org/ibbs/)