基于Web前端开发的算法可视化软件

孙延民 吴启烨 余冠宏 张永

【摘要】本软件使用Web前端的技术框架VUE设计的一款算法可视化软件。用户可以根据自己的需求为算法设置参数，并且辅助以代码同步进行演示学习，以达到深入理解算法的目的。

【关键词】算法可视化 前端 框架 组件 Vue

一、引言

随着科技的进步，各种计算机技术飞速发展，计算机已经从功能单一、体积较大发展到了功能复杂、体积微小、资源网络化。计算机已经深入到社会的各行各业，人们为了解决各种各样的问题从而提出了各种有名的算法。但是算法的概念有时极为抽象，枯燥难懂，所以我们在学习的时候很难将算法理解吃透。数据结构与算法学习最大的难点之一就是如何在脑中形象化其抽象的逻辑步骤，但是在大学教学算法的课堂中，教师的授课方式无非是ppt+板书，理解能力强的学生或许可以接受，但是理解能力略差的学生可能就难以理解，此时一個可以把算法可视化的平台就显的尤为重要。

二、系统功能分析与设计

本软件使用Web前端的技术设计的一款算法演示软件，Vue提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的API，可以更好的操作DOM，开发与使用体验都非常好。用户只需要有一个主流浏览器即可，如谷歌、火狐等，浏览界面时无需登录，界面友好、简洁，操作简单，极大地优化了用户体验。算法界面主要分为4个部分：头部，左部，中部和右部。头部主要放一些小功能的按钮，比如声音开关、返回主界面等;左部放的是算法演示过程中得出的一系列结果;中部放的是演示的一些控件，比如演示画布、按钮栏和数据输入框;右部放的是代码同步框，用来同步演示。……