很多年前當(dāng)我了解網(wǎng)站建設(shè)的作用時(shí)，我立志成為一名高級(jí)開(kāi)發(fā)人員，為了實(shí)現(xiàn)這個(gè)目標(biāo)我努力學(xué)習(xí)并參與實(shí)際工作，但這還不夠。當(dāng)JavaScript擋住了我繼續(xù)前行的道路時(shí)，我深刻認(rèn)知到必須跨越它。

在學(xué)習(xí)的過(guò)程中它打動(dòng)了我，即使在很小的程度上，這個(gè)幼稚的比喻讓我成為了一個(gè)更好的開(kāi)發(fā)人員。它修正了一個(gè)根本性的誤解:我們不把值放在變量里。如果變量的行為確實(shí)像桶或容器，這怎么可能是真的呢，怎么可能有相同的10價(jià)值在兩個(gè)不同的桶里？同一件事不能同時(shí)出現(xiàn)在兩個(gè)地方。
const count1 = 10;
const count2 = count1;

但是章魚(yú)的比喻為我解決了這個(gè)困境。兩個(gè)觸手當(dāng)然可以搶一樣的價(jià)值！這是一種可視化，揭示了價(jià)值觀的潛在本質(zhì)！給我世界上所有關(guān)于變量的計(jì)算機(jī)科學(xué)文獻(xiàn)，我都唾手可得，但對(duì)我來(lái)說(shuō)，它們還不如這只想象中的章魚(yú)有用。我注意到在大多數(shù)初學(xué)者課程中做簡(jiǎn)單的循環(huán)和函數(shù)練習(xí)與實(shí)際構(gòu)建程序之間存在令人沮喪的差距。

我仍然沒(méi)有達(dá)到能夠解讀大量枯燥的技術(shù)文本的水平。所以我到處找他們。我在網(wǎng)上搜索視覺(jué)和抽象的學(xué)習(xí)資源:谷歌、YouTube、Medium、抖音以及我能找到的所有書(shū)籍。我發(fā)現(xiàn)大多數(shù)“視覺(jué)學(xué)習(xí)”材料都屬于三類(lèi)。

首先是一個(gè)游戲化學(xué)習(xí)體驗(yàn)，比如邊玩邊學(xué)的平臺(tái)協(xié)同作戰(zhàn)和電梯。雖然非常有創(chuàng)意，充滿(mǎn)了故事和人物，可以幫助你用真實(shí)世界的模式構(gòu)建真實(shí)的程序，但這種類(lèi)型的學(xué)習(xí)是程序性的。重點(diǎn)是使用概念，而不是深入概念本身。

第二組是用圖形表示的語(yǔ)法或技術(shù)解釋。見(jiàn)過(guò)一系列蘋(píng)果和橙色表情符號(hào)嗎？或圖表event循環(huán)？這些可以把可怕的概念分解成更容易消化的視覺(jué)媒介。它們可以成為強(qiáng)有力的視覺(jué)輔助工具，改變晦澀的技術(shù)術(shù)語(yǔ)。

第三組更接近我所尋求的類(lèi)比驅(qū)動(dòng)的學(xué)習(xí)體驗(yàn)。開(kāi)發(fā)者喜歡一個(gè)好的類(lèi)比。我們一直在博客和視頻教程中使用它們。他們幫助解釋非常技術(shù)性的概念。我發(fā)現(xiàn)了一個(gè)資源，代碼類(lèi)比尤其令人印象深刻，從內(nèi)容分發(fā)網(wǎng)絡(luò)到MVC框架的所有內(nèi)容都有相似之處。

但是類(lèi)比驅(qū)動(dòng)的學(xué)習(xí)對(duì)我來(lái)說(shuō)有局限性。所有的類(lèi)比都是不連貫的！他們彼此沒(méi)有關(guān)系。它們很適合讓我思考一個(gè)孤立的話(huà)題，但不適合讓我看到全局。JavaScript的問(wèn)題是一切已連接。最后我意識(shí)到我最想要的東西是什么難忘的。我希望將我所學(xué)的一切整合成一種可視化的格式，以便在需要時(shí)能夠很容易地回憶起來(lái)。