Skip to content

IACJ/react-datastructer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

数据结构在线模拟器

一个基于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/ (长期有效)