縱觀我的前端學(xué)習(xí)經(jīng)歷，

無論是 HTML、CSS、JavaScript 基礎(chǔ)三大件，

還是 React、Vue 技術(shù)棧，

我都只是花費足夠的時間，將文檔內(nèi)容瀏覽完畢，無需動手練習(xí)，就能快速上手。

這背后究竟有著怎樣的底層邏輯在支撐著我，讓我快速學(xué)會這些技術(shù)的呢？

今天，我便來告訴你，我在學(xué)習(xí)這些技術(shù)時的核心思路，

讓你在學(xué)習(xí)前端技術(shù)時，能夠輕松自如，事半功倍。

正在學(xué)習(xí)或者準備學(xué)習(xí)前端技術(shù)的你，一定聽別人說過以下的內(nèi)容，

學(xué)前端要多動手敲代碼，不然就很難記住，

并且要經(jīng)常復(fù)習(xí)，不然時間久了就會忘記。

如果有人跟我說這些話，我只會一笑了之。

我最開始接觸網(wǎng)頁技術(shù)，是在大一的網(wǎng)頁設(shè)計課上，

在開始上第一節(jié)課時，我僅僅只是花了幾分鐘的時間看了一下教材目錄，

然后對我不明了，或者不清楚的內(nèi)容，詳細的看了看，

便結(jié)束了我網(wǎng)頁開發(fā)技術(shù)的第一次學(xué)習(xí)，

而這次學(xué)習(xí)的內(nèi)容，支撐我完成期末課程設(shè)計并拿到優(yōu)的結(jié)果。

后來我為了驗證和補充自己，慢慢閱讀了一些 HTML、CSS、JavaScript 的書籍和文檔，

也開發(fā)了一些 Web 項目，

然后在擁有這些項目的開發(fā)經(jīng)驗之上，

分別花了 3 天時間，僅僅只是從頭至尾的將官網(wǎng)文檔給翻閱了一遍，

便學(xué)會了 React 和 Vue 技術(shù)棧里的內(nèi)容。

以上介紹我自己的學(xué)習(xí)經(jīng)歷，并不是為了展現(xiàn)我有多么厲害，

只是將我的行動結(jié)果描述出來，給正在閱讀這篇文章的你，提供一個參考，

讓你知道，原來學(xué)習(xí)還能這個樣子。

隨著時間的流逝，在接觸了許許多多前端同行后，對比我的學(xué)習(xí)經(jīng)歷，

我發(fā)現(xiàn)無論是新手還是老手，許多人在學(xué)習(xí)前端技術(shù)時，總是不得法，學(xué)習(xí)的技術(shù)總是難以弄明白，

于是我開始思考，究竟我跟他們之間有著什么差異？

我并不覺得我比別人聰明，也有許多人在聽過我的思路后，豁然開朗，

證明他們并不是不夠聰明，只是沒想到還能這樣。

隨著次數(shù)一次又一次的增加，終于，我知道大多數(shù)人在學(xué)習(xí)前端技術(shù)時，為什么總是沒辦法直擊要點。

其背后的原因很簡單，他們不明白學(xué)習(xí)的技術(shù)知識點背后，究竟是為了解決怎樣的問題，只知道這個知識點是干嘛的。

也就是說，他們只知道知識點 A 能實現(xiàn) B，并不清楚其背后是為了解決問題 C，

造成的結(jié)果就是，你要解決問題 C 的時候，想不起來要用 A。

我這樣說你可能看不懂，我換個說法。

你是不是經(jīng)常跟著老師、跟著視頻學(xué)能看懂，示例代碼自己敲也能敲的出來，可是一讓自己寫個什么東西的時候，就想不起來要用某個知識點？

請教別人看到回答的時候，結(jié)果發(fā)現(xiàn)就用這么個東西，懊惱自己為什么我想不起來，為什么想不到原來還能這么用？

這些情況就像我說的那樣，都是因為只知道知識點能干什么，卻不知道背后能解決什么樣的問題。

要解決這種學(xué)習(xí)困境也很好辦，那就是帶著“知識點能解決怎樣的問題”這個想法去學(xué)習(xí)，

在學(xué)習(xí)的過程中能夠看明白，所學(xué)的東西，到底能解決怎樣的問題。

明白了這個道理以后，哪怕你不動手也能學(xué)會，

甚至是，哪怕你沒學(xué)過的東西，也一樣能信手拈來。

不過受限于個人的經(jīng)驗水平，在學(xué)習(xí)的過程中也會出現(xiàn)單靠自己沒辦法搞明白的情況，

這個時候也不用著急否定自己，多去請教一下前輩或老師，從他們那里吸收經(jīng)驗也是一種途徑。

最快、最好的辦法便是來問我，因為很少有人像我一樣是用著這樣思路去學(xué)習(xí)和實踐的，

你最容易得到的答案是，練習(xí)的還不夠多，多動手敲代碼，這樣的結(jié)果。

一定要動手敲代碼才能學(xué)會嗎？我的經(jīng)歷已經(jīng)告訴你，并不是。

至于為什么要自己動手敲代碼，如何更好、更有效地去練習(xí)，

且聽下回分解。