前端學習學的是什么，在不同的階段我思考這個問題。

最近的結(jié)論是：前端學習要學的是前端的三大能力。工程能力，架構(gòu)能力，開發(fā)能力。

工程能力

工程能力的范疇我認為涵蓋了項目模板的自動化生成、項目的自動化編譯和構(gòu)建。

當然傳統(tǒng)的開發(fā)方式并不過分著重工程化能力。

架構(gòu)能力

架構(gòu)能力的范疇涵蓋了項目模板自動化之后，一些可變文件的位置問題，文件之間的相對位置問題。就比如單頁面的vue應用。

利用腳手架生成了項目模板，之后vue可以至少有兩種目錄結(jié)構(gòu)，主要是對視圖（一個url對應組件）的處理。

1，每個路徑對應的組件，命名為一個視圖，與視圖組件相關的子組件、過濾器、依賴、指令等都與視圖組件在一個文件里面

2，視圖組件文件里僅僅是視圖組件，相關的組件、指令、過濾器都放在視圖文件外面分別命名為components、detective、filters

3，架構(gòu)也可以是mvc，mvvm，可以vuex，redux是否使用

開發(fā)能力

開發(fā)能力的架構(gòu)問題，開發(fā)能力的架構(gòu)問題是對開發(fā)內(nèi)容的抽象能力，一般來說抽象程度越高，那么越能合并重復代碼。

開發(fā)能力還涉及實現(xiàn)，當然這是最基礎的要求。更應該關注的是實現(xiàn)的效率。比如性能更好、架構(gòu)更具伸縮性。

?不謀全局者不足以謀一域。最近重新學習react，將vue和react再次對比。從開發(fā)架構(gòu)角度對比二者的不同，收貨不小。

轉(zhuǎn)載于:https://www.cnblogs.com/zhensg123/p/11218674.html

總結(jié)

以上是生活随笔為你收集整理的前端能力划分的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。