【无标题】-CSDN博客

<div id="article_content" class="article_content clearfix">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-044f2cf1dc.css">
<div id="content_views" class="markdown_views prism-atom-one-dark" deep="6">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
</svg>
<h2><a name="t0"></a><a id="_0"></a>一、学算法必去的一个网站</h2>
<p>首先有一个网站那是每一个学习数据结构与算法都必须去的网站，说出来你就知道了，那就是大名鼎鼎的LeetCode。<br data-filtered="filtered"> 链接直达：<a href="https://leetcode.com/" rel="nofollow">https://leetcode.com/</a></p>
<p><img src="https://img-blog.csdnimg.cn/20200817234318901.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 中文版长这个样子的：点开探索给你看看</p>
<p><img src="https://img-blog.csdnimg.cn/20200817234429352.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> <strong>强烈推荐人手一个啊！不骗你！</strong></p>
<h2><a name="t1"></a><a id="_10"></a>二、数据结构可视化网站</h2>
<p>接下来就是在你学习数据结构与算法的道路上不得不知的几个可视化网站，啥意思嘞，我们在学习数据结构与算法的时候，之所以会觉得比较难，很大一部分是因为数据结构与算法比较抽象，我们理解起来比较困难，所以啊，理解数据结构与算法的一个最佳方法就是看看他们的实际用法，而这一点，我们可以通过一些可视化动画来强化我们的理解，以下的这些网站都是可以让你直观的观察数据结构与算的可视化网站。</p>
<h3><a name="t2"></a><a id="1Data_Structure_Visualizations_12"></a>1、Data Structure Visualizations——数据结构可视化</h3>
<p>链接直达：<a href="https://www.cs.usfca.edu/~galles/visualization/Algorithms.html" rel="nofollow">Data Structure Visualizations</a></p>
<p><img src="https://img-blog.csdnimg.cn/20200817234012368.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"></p>
<h3><a name="t3"></a><a id="2visualgo_18"></a>2、visualgo——数据结构和算法动态可视化</h3>
<p>链接直达：<a href="https://visualgo.net/zh" rel="nofollow">https://visualgo.net/zh</a></p>
<p><img src="https://img-blog.csdnimg.cn/20200817222517999.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 看着心动吗？我们继续看看其中的操作：</p>
<p><img src="https://img-blog.csdnimg.cn/20200817222142257.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"></p>
<h3><a name="t4"></a><a id="3BinaryTreeGraph_26"></a>3、BinaryTreeGraph——平衡树可视化</h3>
<p>链接直达：<a href="http://520it.com/binarytrees/" rel="nofollow">http://520it.com/binarytrees/</a><br data-filtered="filtered"> <img src="https://img-blog.csdnimg.cn/20200817223722974.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 这个主要是平衡树这块的可视化操作，我经常用这个网站，真的挺不错的，还有个对应的开源项目，是打印二叉树的，感兴趣的可以看看：<a href="https://github.com/CoderMJLee/BinaryTrees">https://github.com/CoderMJLee/BinaryTrees</a></p>
<h3><a name="t5"></a><a id="4BinaryTreeVisualiser_30"></a>4、BinaryTreeVisualiser——二叉树可视化</h3>
<p>链接直达：<a href="http://btv.melezinek.cz/home.html" rel="nofollow">http://btv.melezinek.cz/home.html</a></p>
<p><img src="https://img-blog.csdnimg.cn/20200817224754954.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"></p>
<h3><a name="t6"></a><a id="5btreejsB_35"></a>5、btree-js——B树可视化</h3>
<p>链接直达：<a href="https://yangez.github.io/btree-js/" rel="nofollow">https://yangez.github.io/btree-js/</a></p>
<p><img src="https://img-blog.csdnimg.cn/20200817233847253.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 这是一个专门演示B树的，也不错！</p>
<h2><a name="t7"></a><a id="_42"></a>三、算法分析相关网站</h2>
<h3><a name="t8"></a><a id="1Algorithm_Visualizer_43"></a>1、Algorithm Visualizer——算法可视化</h3>
<p>链接直达：<a href="https://algorithm-visualizer.org/" rel="nofollow">https://algorithm-visualizer.org/</a></p>
<p>这是我比较喜欢的一个，这家伙可牛逼了，给你们看看：</p>
<p><img src="https://img-blog.csdnimg.cn/20200817231039572.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 看出来了吧，这主要是个算法可视化网站，主要就是讲解各种算法的，真的很棒，它可是支持代码的，有js，java和c++，比如我这里的java</p>
<p><img src="https://img-blog.csdnimg.cn/20200817231234303.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 然后就会在右边出现相关的java代码：</p>
<p><img src="https://img-blog.csdnimg.cn/20200817231351647.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 然后我们可以点击这里运行：</p>
<p><img src="https://img-blog.csdnimg.cn/20200817231434561.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 就问你强不强大，牛不牛掰！</p>
<h3><a name="t9"></a><a id="2bigocheatsheetBigO_60"></a>2、bigocheatsheet——常用算法的时空Big-O复杂性</h3>
<p>链接直达：<a href="https://www.bigocheatsheet.com/" rel="nofollow">https://www.bigocheatsheet.com/</a></p>
<p><img src="https://img-blog.csdnimg.cn/20200817232322624.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> <img src="https://img-blog.csdnimg.cn/20200817232337719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> <img src="https://img-blog.csdnimg.cn/20200817232351127.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"></p>
<h3><a name="t10"></a><a id="3AlgorithmsDataStructuresBigONotation_68"></a>3、Algorithms-DataStructures-BigONotation</h3>
<p>链接直达：<a href="http://cooervo.github.io/Algorithms-DataStructures-BigONotation/index.html" rel="nofollow">http://cooervo.github.io/Algorithms-DataStructures-BigONotation/index.html</a></p>
<p>这个也是一个可以查看算法分析的网站，但是人家不止于此：</p>
<p><img src="https://img-blog.csdnimg.cn/20200817233538768.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"><br data-filtered="filtered"> 这就需要你们自己去探索发掘啦！😄</p>
<h2><a name="t11"></a><a id="_76"></a>小彩蛋</h2>
<p>我们很多初学数据结构与算法的小伙伴，在刚开始会比较疑惑这个大0表示法是个啥玩意，这里有个Stack Overflow上的热门回答，挺不错的，推荐给你们：<br data-filtered="filtered"> <a href="https://stackoverflow.com/questions/487258/what-is-a-plain-english-explanation-of-big-o-notation" rel="nofollow">大0表示法</a></p>
<p><img src="https://img-blog.csdnimg.cn/2020081723371376.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"></p>
<h2><a name="t12"></a><a id="_81"></a>额外扩展——数据结构与算法书籍推荐</h2>
<p>链接直达：<a href="https://blog.csdn.net/salmon_zhang/article/details/88603207">https://blog.csdn.net/salmon_zhang/article/details/88603207</a><br data-filtered="filtered"> <img src="https://img-blog.csdnimg.cn/20200819155210777.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIwODk1OQ==,size_16,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述"></p>
</div><div><div></div></div>
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-f23dff6052.css" rel="stylesheet">
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-c216769e99.css" rel="stylesheet">
</div>