编程可视化网站与软件（长期更新）

我在学习并理解一个知识的时候，一直在思考一个问题，为什么我们有的时候学一个东西学过总忘，或者说学知识时当时好不容易理解了，但是过几个月又忘了。说到底，其实还是没有根本上理解所学的知识是具体怎样运行的，或者说脑海中没有它具体运行时的形态。当回忆起某个知识时，自然是只能想起来干巴巴的文字，而不是一幅幅动态的画面。

幸好有许多前辈已经做了很多这样的事情，让我们站在他们的肩膀上更容易、更高效的理解一个知识或技能在实际运行中究竟是怎样的，

本篇博文记录满足上述条件的网站，方便自己或看到这篇博文的其他人快速的学习某一项知识、技能

学习Git

Learn Git 可视化Git各种操作的网站

学习正则表达式

Regexr 和 regex101 是可视化正则表达式的网站

学习计算机网络

计算机网络的7层/4层协议，教科书上的文字毕竟太枯燥，看完之后总忘且各种报文格式难以记住。

WireShark这个工具我强烈推荐用来学习计算机网络相关的知识.

1. 安装WireShark
2. 设置Layout
   
3. 菜单栏 > View > Packet Diagram，即可在右下角看到可视化的报文，左下角是每一层的报文原始信息
   

学习Shell

explainshell可以解释一条复杂shell命令的每一部分是什么意思。对于刚入门Shell，看别人shell脚本看不懂的同学很友好