現(xiàn)在 web 前端開發(fā)開發(fā)技術(shù)在不斷地迭代更新，有很多從事前端開發(fā)的程序員在技術(shù)上會(huì)遇到瓶頸，這個(gè)時(shí)候小伙伴就應(yīng)該通過不斷的學(xué)習(xí)開發(fā)技術(shù)知識(shí)，來提升自身的開發(fā)技術(shù)水平，那小伙伴應(yīng)該怎么來學(xué)習(xí)呢？

1.梳理清楚知識(shí)體系框架

學(xué)習(xí)前端開發(fā)技術(shù)，不管是入門還是進(jìn)階，一定都要有知識(shí)體系建設(shè)的想法。就算是剛開始學(xué)，也一定要有這樣的意識(shí)。前面說過，因?yàn)榍岸酥R(shí)點(diǎn)多而分散，所以如果不能構(gòu)建起自己對(duì)于前端的知識(shí)體系框架的認(rèn)識(shí)，很容易就會(huì)不知所措，沒了方向。

現(xiàn)在網(wǎng)上關(guān)于前端知識(shí)體系的腦圖很多，但是往往過于復(fù)雜，不適合初學(xué)者。作為一個(gè)初學(xué)者，每個(gè)人都應(yīng)該自己做一份自己的前端知識(shí)體系腦圖，先有一個(gè)最基本的框架，然后在學(xué)習(xí)的過程中慢慢完善。

這樣通過和別人腦圖的對(duì)比，你也很容易知道還有那方面的知識(shí)是需要補(bǔ)充完善的。

2.準(zhǔn)備和基礎(chǔ)的學(xué)習(xí)

要開始的時(shí)候做一些基礎(chǔ)工作還是必要的，比如選一個(gè)自己喜歡的編輯器啊，比如科學(xué)上網(wǎng)啊，比如怎么高效的使用搜索引擎啊，比如 git 啊，比 markdon 語法啊，這些東西都可以大幅度提升你的學(xué)習(xí)效率或編程的幸福感，所謂磨刀不誤砍柴功，你也可以把這些東西記在你的腦圖里。

接下來你就可以開始學(xué)習(xí)基礎(chǔ)知識(shí)啦。HTML，CSS，Javascript 這三樣真的很重要，真的很重要，真的很重要，剛開始的時(shí)候你壓根不用去管那些花里胡哨的框架，一定要把基礎(chǔ)打好?？蚣茉僭趺锤碌?，最基礎(chǔ)的東西還是這三樣，只要你能掌握好基礎(chǔ)，就等于拿到了打開前端世界的鑰匙。

不管你的前端學(xué)習(xí)到了哪個(gè)階段，對(duì)基礎(chǔ)知識(shí)的好奇心一定不能斷，這里面有太多細(xì)碎的知識(shí)點(diǎn)，每一份 spec 都又臭又長(zhǎng)，就算你已經(jīng)工作兩三年，這里面肯定都還有你不知道的東西。

3.把學(xué)的東西用起來

每次學(xué)過一些小的知識(shí)點(diǎn)，都要想辦法把它們用起來，想清楚這些知識(shí)點(diǎn)的有哪些使用的場(chǎng)景，等到基礎(chǔ)知識(shí)學(xué)到一定程度了也可以反過來，先預(yù)先想好場(chǎng)景和要實(shí)現(xiàn)的功能，再去想在這些場(chǎng)景下面該用哪些知識(shí)，如果遇到了解決不了的問題和沒有學(xué)過的知識(shí)，去你的腦圖里把它的位置搞清楚，寫出來。列入后續(xù)的學(xué)習(xí)計(jì)劃。

一定不要一直看，一直學(xué)，卻不在具體的場(chǎng)景里去用，你應(yīng)該養(yǎng)成拿自己學(xué)到的東西做些東西解決些問題的習(xí)慣。不斷的做出東西，解決問題，不斷給自己正向的激勵(lì)，不斷的完善自己的知識(shí)體系，一定要讓自己有成就感。

其實(shí)，作為一名合格的 web 前端工程師，自主學(xué)習(xí)能力還是非常重要的，因此，小伙伴想要提高自身的開發(fā)技術(shù)水平，不僅需要小伙伴不斷的梳理前端開發(fā)基礎(chǔ)知識(shí)，還要通過對(duì)開發(fā)技術(shù)的沉淀，練習(xí)更多的項(xiàng)目實(shí)戰(zhàn)案例，積累更多的項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)。

小伙伴在工作之余學(xué)習(xí)開發(fā)技術(shù)知識(shí)的時(shí)候，可以到比較靠譜的前端官網(wǎng)上學(xué)習(xí)，因?yàn)榕嘤?xùn)機(jī)構(gòu)的課程內(nèi)容都是符合企業(yè)的發(fā)展需求，根據(jù)市場(chǎng)的發(fā)展不斷的提升和更新課程內(nèi)容。

最后祝大家在小鹿線都能學(xué)到有用的東西，找到高薪的工作。