文章來源于公眾號：前端真好玩 作者：你們的愷哥
時不時有小伙伴問我這個問題，說前端的需要學(xué)習(xí)的知識太多了，然后給我列舉了一大堆技術(shù)棧：什么三大框架、各種全家桶、小程序、umi、flutter、SSR、Node 等等，反正是把前端技術(shù)棧列舉了一遍~
前端東西確實(shí)蠻多，但也沒必要什么都想學(xué)。一旦你有這個想法，多半會像個無頭蒼蠅亂飛。這個看看，那個學(xué)點(diǎn)，到頭來啥東西都沒學(xué)好。
這樣的例子其實(shí)我在讀者里看到好些了，學(xué)習(xí)確實(shí)看起來是在學(xué)習(xí)，啥資料都收藏了，今天看會這個技術(shù)的視頻，明天拿上另一個技術(shù)的書讀起來，但是這種學(xué)習(xí)方式相當(dāng)?shù)托В硗馍顿Y料都收集還會造成一個時間完全不夠用的假象。如果沒有一個學(xué)習(xí)的目標(biāo)規(guī)劃，只能事倍功半（可能連半都沒有）。因?yàn)榫幊踢@個事情其中一部分就是靠大量的編碼，如果你今天學(xué)這明天看那，沒有大量的練習(xí)讓你去訓(xùn)練自己到最后就是啥都不學(xué)不好。
先了解自己到底要什么
知道自己要什么是學(xué)習(xí)之前必須搞定的，否則就是無頭蒼蠅四處亂來了。
如果你真的沒有什么思路的話，我這里推薦三個路子：
- 基礎(chǔ)，反正無論什么場景下我都會推薦先學(xué)好基礎(chǔ)，基礎(chǔ)不好談別的就是耍流氓
- 公司中用的或者將來要用的技術(shù)棧，覺得哪個還學(xué)的不好就先學(xué)哪個
- 看大公司的招聘要求（切記要看大公司的，因?yàn)榇蠊镜囊蟛粫切枰銓W(xué)一大堆，只有小公司才會需要你這也會那也會），然后挑出要求中你還不熟練的開學(xué)
深度還是廣度？
其實(shí)這個問題個人覺得沒有絕對答案，兩者各有好處。
挖掘深度有助于你成為一個領(lǐng)域中的專家，雖然絕大部分人是沒有這個機(jī)會的啦，但是比一部分人我們肯定是做得到的，所以挖掘深度歸結(jié)到底能幫助你成為行業(yè)內(nèi)不那么容易淘汰的人。
挖掘廣度有助于幫助你觸類旁通，了解更多的概念等等，另外個人體感也會有學(xué)的越多就越快的感覺。當(dāng)然這個挖掘廣度不是前文說的那種啥都要去學(xué)的做法，而是在學(xué)習(xí)一個方向的時候順帶把有聯(lián)系的內(nèi)容也學(xué)上一點(diǎn)。
舉個例子今天你打算開始學(xué) Redux（React 的狀態(tài)管理庫），那么在學(xué)習(xí) Redux 的過程中，你可以考慮順帶學(xué)習(xí)一下它的競品對比 Redux 的優(yōu)勢缺陷是什么等等。這里需要注意的是沒有讓你把它的競品也全部學(xué)一遍，而是了解競品的優(yōu)勢及缺陷（這是廣度），挖掘深度是好好學(xué) Redux 直到能造出一樣的輪子（這是挖掘深度到很后面了）。
建立知識體系
構(gòu)建知識體系相當(dāng)重要，否則不管你學(xué)到什么都是單獨(dú)的一塊知識，和其他內(nèi)容不存在聯(lián)系的話很容易忘記。
大家應(yīng)該之前有在網(wǎng)上看到過前端知識腦圖這類的東西，這個其實(shí)就算是一種次點(diǎn)（因?yàn)檫@種只是一個細(xì)分領(lǐng)域下的劃分，沒有和更多的細(xì)分領(lǐng)域產(chǎn)生聯(lián)系）的知識體系，當(dāng)然能先掌握它也是很棒的。
更好的方式是你學(xué)到的知識盡可能的要與別的知識連接起來，能與越多的知識聯(lián)系起來越好。
舉個例子今天面試官問了你一個理論知識，這時候如果你能先講出理論知識，又能講出有關(guān)聯(lián)的理論知識，最后用工作中的實(shí)例去描述這個知識，這種就算是一個不錯的知識體系實(shí)踐。你既將這個理論知識與別的理論知識連接了起來，又能與實(shí)戰(zhàn)中的例子產(chǎn)生關(guān)聯(lián)。
那么我們該如何建立自己的知識體系呢？方法很簡單：
- 把自己學(xué)到的知識用自己的話寫成筆記
- 畫腦圖，把筆記濃縮到腦圖中
- 學(xué)到新的知識重復(fù)一和二步驟，然后思考新學(xué)習(xí)到的內(nèi)容是否可以與別的知識產(chǎn)生聯(lián)系，能產(chǎn)生聯(lián)系就用箭頭雙向連接起來
不要想著啥都學(xué)
文章開頭列舉的很多技術(shù)棧比如：flutter、SSR、umi 這些其實(shí)很多筆者也并不熟悉，但我不會老是想著我啥時候去學(xué)一下它們。
因?yàn)槿说木隙ㄊ怯邢薜模瑢τ谠诠ぷ髦写蟾怕视貌坏降臇|西我向來的策略是了解這個技術(shù)棧，讀一下它的 Readme，知道它到底解決了什么問題就行，除此以外就不會再繼續(xù)學(xué)習(xí)了，只有當(dāng)我真的有需要這些技術(shù)棧的時候我才會去學(xué)習(xí)它們。
這個策略我也推薦大家可以用起來，因?yàn)檎娴臎]有必要超前很多去學(xué)習(xí)一門不知道什么時候才能用得到技術(shù)。前文筆者也說過編程是需要大量練習(xí)的，沒有練習(xí)的話過段時間可能你就有點(diǎn)忘記了（反正筆者會這樣），然后再過段時間這個技術(shù)可能更新迭代大版本了，那你學(xué)的東西可能還沒用上就得重學(xué)了，有那時間打游戲不好嘛~
以上就是W3Cschool編程獅關(guān)于總感覺自己不會的很多，又不知道從何下手，資深前端帶你破局的相關(guān)介紹了，希望對大家有所幫助。
