摘要：算法与数据结构是计算机的基础理论课，拥有极强的理论性，同时又拥有极强的实践性。掌握好算法和数据结构是写出高效代码的必备技能。然而，陡峭的学习曲线，枯燥的理论，复杂的代码往往会导致学习者的学习兴趣下降。随着浏览器以及 web 前端技术的发展，网页作为新时代信息传播媒介的重要一环，拥有可视化，可交互的特点。利用 web 前端作为技术手段，构建一个编程式而不是动画播放式的集成的学习平台，为算法与数据结构学习者提供一个可完全操控的，可自行进行实验，高度自定义的可视化学习方式，帮助用户将理论与实践结合，促进知识体系的构建。

 

关键词：WEB 集成系统；算法与数据结构；前端渲染；可视化学习；

 

目 录

摘 要

Abstract

1. 绪论-1

1.1 研究现状-1

1.2存在问题-2

2. 算法与数据结构理论研究-3

3. 平台技术-6

3.1 React 框架介绍-6

3.2 基于文件树的路由表生成和导航列表渲染-7

4. 可视化研究与实现-9

4.1 可视化设计理论研究-9

4.2 可视化实现思路与逻辑解耦-11

4.3 可视化具体实现-13

4.3.1 二分查找-13

4.3.2 排序算法-15

4.3.3 DFS 和 BFS-16

4.3.4 最大/大顶堆-18

5. 总结-21

参 考 文 献-22

致谢