總感覺(jué)自己不會(huì)的很多，又不知道從何下手，資深前端帶你破局

文章來(lái)源于公眾號(hào)：前端真好玩 作者：你們的愷哥

時(shí)不時(shí)有小伙伴問(wèn)我這個(gè)問(wèn)題，說(shuō)前端的需要學(xué)習(xí)的知識(shí)太多了，然后給我列舉了一大堆技術(shù)棧：什么三大框架、各種全家桶、小程序、umi、flutter、SSR、Node 等等，反正是把前端技術(shù)棧列舉了一遍~

前端東西確實(shí)蠻多，但也沒(méi)必要什么都想學(xué)。一旦你有這個(gè)想法，多半會(huì)像個(gè)無(wú)頭蒼蠅亂飛。這個(gè)看看，那個(gè)學(xué)點(diǎn)，到頭來(lái)啥東西都沒(méi)學(xué)好。

這樣的例子其實(shí)我在讀者里看到好些了，學(xué)習(xí)確實(shí)看起來(lái)是在學(xué)習(xí)，啥資料都收藏了，今天看會(huì)這個(gè)技術(shù)的視頻，明天拿上另一個(gè)技術(shù)的書(shū)讀起來(lái)，但是這種學(xué)習(xí)方式相當(dāng)?shù)托?，另外啥資料都收集還會(huì)造成一個(gè)時(shí)間完全不夠用的假象。如果沒(méi)有一個(gè)學(xué)習(xí)的目標(biāo)規(guī)劃，只能事倍功半（可能連半都沒(méi)有）。因?yàn)榫幊踢@個(gè)事情其中一部分就是靠大量的編碼，如果你今天學(xué)這明天看那，沒(méi)有大量的練習(xí)讓你去訓(xùn)練自己到最后就是啥都不學(xué)不好。

先了解自己到底要什么

知道自己要什么是學(xué)習(xí)之前必須搞定的，否則就是無(wú)頭蒼蠅四處亂來(lái)了。

如果你真的沒(méi)有什么思路的話，我這里推薦三個(gè)路子：

1. 基礎(chǔ)，反正無(wú)論什么場(chǎng)景下我都會(huì)推薦先學(xué)好基礎(chǔ)，基礎(chǔ)不好談別的就是耍流氓
2. 公司中用的或者將來(lái)要用的技術(shù)棧，覺(jué)得哪個(gè)還學(xué)的不好就先學(xué)哪個(gè)
3. 看大公司的招聘要求（切記要看大公司的，因?yàn)榇蠊镜囊蟛粫?huì)是需要你學(xué)一大堆，只有小公司才會(huì)需要你這也會(huì)那也會(huì)），然后挑出要求中你還不熟練的開(kāi)學(xué)

深度還是廣度？

其實(shí)這個(gè)問(wèn)題個(gè)人覺(jué)得沒(méi)有絕對(duì)答案，兩者各有好處。

挖掘深度有助于你成為一個(gè)領(lǐng)域中的專家，雖然絕大部分人是沒(méi)有這個(gè)機(jī)會(huì)的啦，但是比一部分人我們肯定是做得到的，所以挖掘深度歸結(jié)到底能幫助你成為行業(yè)內(nèi)不那么容易淘汰的人。

挖掘廣度有助于幫助你觸類旁通，了解更多的概念等等，另外個(gè)人體感也會(huì)有學(xué)的越多就越快的感覺(jué)。當(dāng)然這個(gè)挖掘廣度不是前文說(shuō)的那種啥都要去學(xué)的做法，而是在學(xué)習(xí)一個(gè)方向的時(shí)候順帶把有聯(lián)系的內(nèi)容也學(xué)上一點(diǎn)。

舉個(gè)例子今天你打算開(kāi)始學(xué) Redux（React 的狀態(tài)管理庫(kù)），那么在學(xué)習(xí) Redux 的過(guò)程中，你可以考慮順帶學(xué)習(xí)一下它的競(jìng)品對(duì)比 Redux 的優(yōu)勢(shì)缺陷是什么等等。這里需要注意的是沒(méi)有讓你把它的競(jìng)品也全部學(xué)一遍，而是了解競(jìng)品的優(yōu)勢(shì)及缺陷（這是廣度），挖掘深度是好好學(xué) Redux 直到能造出一樣的輪子（這是挖掘深度到很后面了）。

建立知識(shí)體系

構(gòu)建知識(shí)體系相當(dāng)重要，否則不管你學(xué)到什么都是單獨(dú)的一塊知識(shí)，和其他內(nèi)容不存在聯(lián)系的話很容易忘記。

大家應(yīng)該之前有在網(wǎng)上看到過(guò)前端知識(shí)腦圖這類的東西，這個(gè)其實(shí)就算是一種次點(diǎn)（因?yàn)檫@種只是一個(gè)細(xì)分領(lǐng)域下的劃分，沒(méi)有和更多的細(xì)分領(lǐng)域產(chǎn)生聯(lián)系）的知識(shí)體系，當(dāng)然能先掌握它也是很棒的。

更好的方式是你學(xué)到的知識(shí)盡可能的要與別的知識(shí)連接起來(lái)，能與越多的知識(shí)聯(lián)系起來(lái)越好。

舉個(gè)例子今天面試官問(wèn)了你一個(gè)理論知識(shí)，這時(shí)候如果你能先講出理論知識(shí)，又能講出有關(guān)聯(lián)的理論知識(shí)，最后用工作中的實(shí)例去描述這個(gè)知識(shí)，這種就算是一個(gè)不錯(cuò)的知識(shí)體系實(shí)踐。你既將這個(gè)理論知識(shí)與別的理論知識(shí)連接了起來(lái)，又能與實(shí)戰(zhàn)中的例子產(chǎn)生關(guān)聯(lián)。

那么我們?cè)撊绾谓⒆约旱闹R(shí)體系呢？方法很簡(jiǎn)單：

1. 把自己學(xué)到的知識(shí)用自己的話寫(xiě)成筆記
2. 畫(huà)腦圖，把筆記濃縮到腦圖中
3. 學(xué)到新的知識(shí)重復(fù)一和二步驟，然后思考新學(xué)習(xí)到的內(nèi)容是否可以與別的知識(shí)產(chǎn)生聯(lián)系，能產(chǎn)生聯(lián)系就用箭頭雙向連接起來(lái)

不要想著啥都學(xué)

文章開(kāi)頭列舉的很多技術(shù)棧比如：flutter、SSR、umi 這些其實(shí)很多筆者也并不熟悉，但我不會(huì)老是想著我啥時(shí)候去學(xué)一下它們。

因?yàn)槿说木隙ㄊ怯邢薜?，?duì)于在工作中大概率用不到的東西我向來(lái)的策略是了解這個(gè)技術(shù)棧，讀一下它的 Readme，知道它到底解決了什么問(wèn)題就行，除此以外就不會(huì)再繼續(xù)學(xué)習(xí)了，只有當(dāng)我真的有需要這些技術(shù)棧的時(shí)候我才會(huì)去學(xué)習(xí)它們。

這個(gè)策略我也推薦大家可以用起來(lái)，因?yàn)檎娴臎](méi)有必要超前很多去學(xué)習(xí)一門(mén)不知道什么時(shí)候才能用得到技術(shù)。前文筆者也說(shuō)過(guò)編程是需要大量練習(xí)的，沒(méi)有練習(xí)的話過(guò)段時(shí)間可能你就有點(diǎn)忘記了（反正筆者會(huì)這樣），然后再過(guò)段時(shí)間這個(gè)技術(shù)可能更新迭代大版本了，那你學(xué)的東西可能還沒(méi)用上就得重學(xué)了，有那時(shí)間打游戲不好嘛~

以上就是W3Cschool編程獅關(guān)于總感覺(jué)自己不會(huì)的很多，又不知道從何下手，資深前端帶你破局的相關(guān)介紹了，希望對(duì)大家有所幫助。