毕业年限不长的前端焦虑和突破方法
大家好，我是若川。今天周六，分享一篇相對輕松的文章。
經(jīng)作者@耳東蝸牛 ?授權(quán)轉(zhuǎn)載
鏈接：https://juejin.cn/post/6968002742321152014
也可點(diǎn)擊文末閱讀原文直達(dá)
本篇文章來源于：周五和團(tuán)隊(duì)成員[20年畢業(yè)]的一次閑聊。畢業(yè)不到一年，現(xiàn)在也是在項(xiàng)目中承擔(dān)比較重要的角色。現(xiàn)在比較焦慮，想提升自己，但是也不知道該學(xué)啥東西。
問題1：不知道是該學(xué)習(xí)react還是學(xué)習(xí)基礎(chǔ)
基礎(chǔ)知識和react的關(guān)系
基礎(chǔ)知識就好比蓋房子的地基，地基打的好不好，決定上層建筑。我個人一直偏向的認(rèn)知是：
基礎(chǔ)好不好是決定前端工程師發(fā)展的上限的一個原因，可能會在某一個時間段成為瓶頸。
歷史原因：近幾年框架的快速發(fā)展
沒有經(jīng)過前端開發(fā)的發(fā)展時期。這是我以前項(xiàng)目經(jīng)歷當(dāng)中用到過的一些技術(shù)棧。
js ｜ jquery => knockout + require + director => angular => react => vue
knockout：mvvm框架的鼻祖
require：解決按需加載
director：路由控制
這位同學(xué)，20年畢業(yè)，進(jìn)到我們公司，就直接是react了。加上自身體系不完善，以及認(rèn)知上的不足，才會導(dǎo)致現(xiàn)在出現(xiàn)這個問題。
個人建議
日常工作可以以react學(xué)習(xí)為主，基礎(chǔ)知識學(xué)習(xí)鞏固為輔。把react和基礎(chǔ)知識用四象限區(qū)分：
react：緊急而且重要
基礎(chǔ)知識：重要但不緊急
重要但不緊急的事情沒有做好，終有一天會變成 緊急而且重要的事情
工作時間內(nèi)，主要學(xué)習(xí)react，因?yàn)檫@種是屬于 有所學(xué)，有所用的范疇。
基礎(chǔ)知識的學(xué)習(xí)，可以以一周或兩周為一個周期，搞定一個基礎(chǔ)內(nèi)的一個知識片段。最主要的是要輸出，自己寫一些總結(jié)的內(nèi)容，這樣才算是個閉環(huán)，如果知識簡單的大腦過一篇，是比較淺顯的。將自己學(xué)習(xí)的東西，用自己的想法理解并且沉淀下來。
問題2：目前個人感受很焦慮，就是焦慮，感覺啥也不會
核心問題
沒有完整的技術(shù)體系認(rèn)知
首先構(gòu)建相對完整的技術(shù)體系，然后有方向，自己需要具備哪些能力。簡單說明如下
沒有持續(xù)學(xué)習(xí)的計劃安排
制定相對合理的學(xué)習(xí)計劃，以一周或者兩周為一個維度學(xué)習(xí)一個知識塊內(nèi)容，經(jīng)過長期的堅(jiān)持來提升自我的能力
處理好自己的心態(tài)，不要因?yàn)橐欢螘r間內(nèi)的沒有完成，就自我焦慮，學(xué)習(xí)有的時候，心態(tài)是個攔路虎
不知道在工作過程中如何提升個人能力
還沒有理解工作過程當(dāng)中，如何思考問題，處理問題，會對以后有挺大影響的，具體在下面論述一下。
技術(shù)提升
技術(shù)提升，還是分階段，周期進(jìn)行知識的學(xué)習(xí)
總結(jié)歸納：形成文檔，一定要有輸出，腦圖也好，文檔也好，博客也好。
多思考：多問一些聯(lián)系，或者為什么。舉個例子，當(dāng)我們在學(xué)習(xí)css-bfc的時候，我會像一個問題，為什么要用bfc，怎么理解bfc。如何理解BFC應(yīng)用[1]。
工作中提升自己的軟能力
很多的時候很多人認(rèn)為工作的時候很多都是重復(fù)性的勞動，就感覺沒意思。之前寫過一篇文章：前端項(xiàng)目負(fù)責(zé)人需要具有的能力[2]
剛畢業(yè)一年到三年鍛煉相對應(yīng)的能力
技術(shù)能力
業(yè)務(wù)能力
協(xié)作能力
溝通能力
邏輯分析能力鍛煉
這里將邏輯分析能力單獨(dú)列出來，是因?yàn)槲覀€人認(rèn)為這個尤為重要。
百度百科 邏輯思維能力是指正確、合理思考的能力。即對事物進(jìn)行觀察、比較、分析、綜合、抽象、概括、判斷、推理的能力，采用科學(xué)的邏輯方法，準(zhǔn)確而有條理地表達(dá)自己思維過程的能力。
邏輯能力不僅僅是用來解決開發(fā)當(dāng)中的問題，可以用到很多東西上面。以之前寫的文章作為例子結(jié)構(gòu)化思維-MECE分析方法[3]。在項(xiàng)目當(dāng)中，分析業(yè)務(wù)需求，思考代碼邏輯，解決問題能力提升都和邏輯分析能力密不可分。并且可以在日常工作中去提升邏輯分析能力。而且邏輯分析能力的建立，是一種方法論的東西。
學(xué)習(xí)的重要性
基礎(chǔ)的重要性就不多說了，上面已經(jīng)說了。基礎(chǔ)的學(xué)習(xí)是在鞏固知識點(diǎn)以及技術(shù)體系。可能會有人問，我平時用到的又不多，學(xué)它干啥。 技術(shù)體系的完善，理解源碼的需要這兩個就不說了。
舉個成語：靈光一現(xiàn)
比喻靈感突然出現(xiàn)。
個人認(rèn)為我們在工作中遇到一個很難很難的問題，然后自己在思考過程中，忽然想到一個方面，然后解決了難題。這也是屬于靈光一現(xiàn)的意思。
為什么會有靈光一現(xiàn)？
靈光一現(xiàn)的原因還是在于平時的積累，大腦里有這個知識片段。
我們對于知識的學(xué)習(xí)，都是在大腦里添加新的知識片段，當(dāng)我們思考一個問題的時候，在大腦里思考，如果在思考過程中，能夠檢索到對應(yīng)的知識片段，那就對于我們解決問題有了推動作用。
但是如果我們大腦里沒有這個知識片段，除非我們是愛因斯坦那種天才，才有可能自己去創(chuàng)造出來解決思路。
學(xué)習(xí)的東西，現(xiàn)在不一定用的到，以后可能用的到，最重要的是給予自己思考的時候大腦可檢索的內(nèi)容增大知識內(nèi)容。
參考資料
[1]
如何理解BFC應(yīng)用: https://juejin.cn/post/6951043990183477278#heading-6
[2]前端項(xiàng)目負(fù)責(zé)人需要具有的能力: https://juejin.cn/post/6946210273061502990
[3]MECE分析方法: https://juejin.cn/post/6941336368396107806
最近組建了一個江西人的前端交流群，如果你是江西人可以加我微信 ruochuan12 拉你進(jìn)群。
一個愿景是幫助5年內(nèi)前端人成長的公眾號
可加我個人微信?ruochuan12，長期交流學(xué)習(xí)
推薦閱讀
我在阿里招前端，該怎么幫你（可進(jìn)面試群）
你知道source map如何幫你定位源碼么？
前端搶飯碗系列之Vue項(xiàng)目如何做單元測試
前端使用puppeteer 爬蟲生成《React.js 小書》PDF并合并
·················?若川簡介?·················
你好，我是若川，畢業(yè)于江西高校。現(xiàn)在是一名前端開發(fā)“工程師”。寫有《學(xué)習(xí)源碼整體架構(gòu)系列》多篇，在知乎、掘金收獲超百萬閱讀。
從2014年起，每年都會寫一篇年度總結(jié)，已經(jīng)寫了7篇，點(diǎn)擊查看年度總結(jié)。
同時，活躍在知乎@若川，掘金@若川。致力于分享前端開發(fā)經(jīng)驗(yàn)，愿景：幫助5年內(nèi)前端人走向前列。
點(diǎn)擊上方卡片關(guān)注我、加個星標(biāo)
今日話題
我經(jīng)常推薦學(xué)會使用技術(shù)完成開發(fā)的同時也要多要研究原理。其實(shí)就是不停留在只會使用的層面，重基礎(chǔ)懂原理，知其然知其所以然。歡迎分享、收藏、點(diǎn)贊、在看我的公眾號文章~
總結(jié)
以上是生活随笔為你收集整理的毕业年限不长的前端焦虑和突破方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端学习（3146）：react-hel
- 下一篇： React开发（124）:ant des