很多年前当我了解
网站建设的作用时，我立志成为一名高级开发人员，为了实现这个目标我努力学习并参与实际工作，但这还不够。当JavaScript挡住了我继续前行的道路时，我深刻认知到必须跨越它。
在学习的过程中它打动了我，即使在很小的程度上，这个幼稚的比喻让我成为了一个更好的开发人员。它修正了一个根本性的误解:我们不把值放在变量里。如果变量的行为确实像桶或容器，这怎么可能是真的呢，怎么可能有相同的10价值在两个不同的桶里？同一件事不能同时出现在两个地方。
const count1 = 10;
const count2 = count1;
但是章鱼的比喻为我解决了这个困境。两个触手当然可以抢一样的价值！这是一种可视化，揭示了价值观的潜在本质！给我世界上所有关于变量的计算机科学文献，我都唾手可得，但对我来说，它们还不如这只想象中的章鱼有用。我注意到在大多数初学者课程中做简单的循环和函数练习与实际构建程序之间存在令人沮丧的差距。
我仍然没有达到能够解读大量枯燥的技术文本的水平。所以我到处找他们。我在网上搜索视觉和抽象的学习资源:谷歌、YouTube、Medium、抖音以及我能找到的所有书籍。我发现大多数“视觉学习”材料都属于三类。
首先是一个游戏化学习体验，比如边玩边学的平台协同作战和电梯。虽然非常有创意，充满了故事和人物，可以帮助你用真实世界的模式构建真实的程序，但这种类型的学习是程序性的。重点是使用概念，而不是深入概念本身。
第二组是用图形表示的语法或技术解释。见过一系列苹果和橙色表情符号吗？或图表event循环？这些可以把可怕的概念分解成更容易消化的视觉媒介。它们可以成为强有力的视觉辅助工具，改变晦涩的技术术语。
第三组更接近我所寻求的类比驱动的学习体验。开发者喜欢一个好的类比。我们一直在博客和视频教程中使用它们。他们帮助解释非常技术性的概念。我发现了一个资源，代码类比尤其令人印象深刻，从内容分发网络到MVC框架的所有内容都有相似之处。
但是类比驱动的学习对我来说有局限性。所有的类比都是不连贯的！他们彼此没有关系。它们很适合让我思考一个孤立的话题，但不适合让我看到全局。JavaScript的问题是一切已连接。最后我意识到我最想要的东西是什么难忘的。我希望将我所学的一切整合成一种可视化的格式，以便在需要时能够很容易地回忆起来。
