前端知識樹-構建你的知識體系

常常有人問，我想學前端，要從哪裏學起，或者有點基礎，想學點其餘的，要學什麼？

兩年前我一樣帶着這樣的疑問，搜索了前端知識體系這個關鍵詞，被大神們各類圖解和list嚇到了，心想仍是先作好當下的工做吧；

時光荏苒，前幾天小組對思惟體系和知識體系的構建這個話題作了討論，以爲是時候列出一個前端知識體系來總結歸納和繼續學習了；

話很少說，看下圖：

各位看官老爺們估計和我兩年前的心情是同樣的，這特麼是什麼玩意這麼多這麼亂？？？

咳咳，特別說明，這是根據博主認知和分類整理後的產物，前端界突飛猛進(簡直是凌亂有木有…各類框架…)，沒有特定的知識體系界限，且聽我稍釋義一下；

圖解分四個部分：

• 開發協做；在職能崗位中配合團隊作出符合需求的交付產品；

• 構建維護；包含後續的構建發佈運維和迭代保障；

• 知識體系；隱藏於開發下的儲備知識，可進一步提升開發效率和轉化僞開發技能；

• 自我驅動；崗位職能和我的通道的原動力，通俗的說若是你不能在一門技能的學習、轉化中得到樂趣，也許你不適合這個職業；

若是你還沒看明白，請容許在下用一張圖片來解釋：

恩，大概就是這個意思，工欲善其事必先利其器，工做中直接用來解決問題的各類方法就是你的「器」，也就是我說的1開發協做和2構建維護，這是直觀的能表現出來的部分，大部分狀況選拔人員的時候也是看這部分，你能不能填好某個坑解決難題；與之相對的後面的知識體系則是各類配套設施輔助工具，加快你解決難題，再日後是你全部解決問題能力的來源：自我驅動；源源不斷的爲你提供能量，圖系的鑽頭才能鑽的更深；這些不少時候是看不到的，隱藏與你的知識體系下，可是有與沒有，差異會很大；

 

若是你還沒看明白，也許咱們的思惟體系相差太多，你能夠考慮右上角本篇看看其餘的……

回頭再看這張圖知識體系圖，彷彿看到了那在夕陽下奔跑的，那是我逝去的青春…，因此每當有人說大家前端不就是切圖片作點頁面的嗎，我都想用這張圖砸死他，固然不排除部分人是作這些低端流水線的(若有得罪…你來打我啊)；

 

tips:

本文知識體系是儘量列舉前端相關內容，不表明前端必定要都會這些；實際上大部分前端也是會其中一部分，就能夠無縫工做，除非你像我同樣我建設社會主義的偉大理想(話說我也是隻瞭解一部分，學習中…)；

圖表由於分級限制和大小緣故，有些內容沒展開寫；

本文知識體系圖根據博主的認知變動和理解變動不斷更新；

if you have any question,you can leave your message；

 

原版2017-02-23發佈於xuechenlei.com