alchemistxu / react-datastructer

数据结构在线模拟器

数据结构在线模拟器

一个基于HTML5和javascript的在线“数据结构模拟器”， 使用户可以通过电脑直接访问该网站，并进行数据结构的模拟操作。 该模拟器包含“栈”、“队列”、“堆”、“BST”等数据结构，各数据结构又有各自的帮助文档。 进行模拟时，每个数据结构将以图像的方式展示在用户面前： 每个数据结点以圆圈加数字的方式表示，用户可以用鼠标将其进行拖拽 （例如：将一个结点从一棵BST树中拖拽出来，执行“结点删除”操作，剩余的结点自动重新排列组成新的BST树)。 同时，用户可以点击按钮来创建新数据结点、打印出当前状态的存储数据、在console窗里看到log信息。 该模拟器网站还会伴随一些数据结构的教学材料、简要的复杂度分析、数据结构使用实例、c++代码实现示例、javascript代码实现示例，供学习者更加方便而深刻地理解和查阅。

create-by：

• ACJ
• wty
• CC
• TruePhone

使用语言

JavaScript（ React ）

系统实现如下功能：

1. 模拟：每个数据结构将以图像的方式展示在用户面前：每个数据结点以圆圈加数字表示，用户可以通过鼠标将其进行拖拽，或点击按钮来实现各种数据结构的“增加”、“删除”、“查找”、“修改”的操作。该模拟器包含“栈”、“队列”、“堆”、“BST”等数据结构，各数据结构又有各自的帮助文档。
2. 教学：该模拟器网站还会伴随一些数据结构的教学材料、简要的复杂度分析、数据结构使用实例，来帮助用户更加深刻地理解各种数据结构的原理及运用。还会加入c++代码实现示例、javascript代码实现示例，供学习者查阅。
3. 在线访问：该网站会放在公网上供学生、教师、程序员访问。方便学生自学、方便教师授课、方便程序员复习。 线上地址：https://iacj.github.io/react-datastructer/ （长期有效）