一位前端工程師對(duì)前端的理解

畢業(yè)快8個(gè)月了，真正出來(lái)社會(huì)也快8個(gè)月了。

最近忽然不知道從哪里聽(tīng)到這樣一句話，你還算是一個(gè)前端工程師嗎？會(huì)不會(huì)廢了？

第一次聽(tīng)到這句話時(shí)，我就陷入了思考。

思考著自己還是不是一個(gè)前端了，因?yàn)檫@幾個(gè)月以來(lái)做的工作不只是UI重構(gòu)、UI交互，還有利用Node Koa框架搭建的前后端分離、以及純Node Koa搭建的一套CMS管理系統(tǒng)。

也許后兩者可以說(shuō)我不是一個(gè)前端了吧？我?guī)е@樣一個(gè)疑問(wèn)，繼續(xù)思考著。

仔細(xì)想一下，貌似有個(gè)叫全棧工程師的名號(hào)，這個(gè)高帽子我還是沒(méi)有勇氣戴的，雖然我是科班畢業(yè)，各種計(jì)算理論都略知一二，java后端也了解過(guò)，node后端親自寫過(guò)并作出了一些成績(jī)。但是對(duì)于剛畢業(yè)的大學(xué)生來(lái)說(shuō)，我還是懷揣的一個(gè)敬畏的求知的心去對(duì)待周圍的一切。

下面是我對(duì)于前端這個(gè)職位的一些理解，同時(shí)吸收了互聯(lián)網(wǎng)上的一些看法。

寫在前面：在Web中，前端是數(shù)據(jù)的第一消費(fèi)者。如果符合這條，那么都可以算是前端的職能，不論是在Server端還是Web端

下面說(shuō)下前端職能的分類：

1、交互型

這類職能是前端工程師這個(gè)名稱自誕生以來(lái)最為重要的職能，換句話說(shuō)就是我們通常說(shuō)的頁(yè)面重構(gòu)、頁(yè)面交互、高逼格點(diǎn)說(shuō)就是用戶體驗(yàn)、數(shù)據(jù)可視化。

例子：一般Web頁(yè)面、Web游戲、APP內(nèi)嵌H5網(wǎng)頁(yè)（混合編程）

2、服務(wù)型

服務(wù)型可以細(xì)分為兩類：Server端、Web端，但是有一個(gè)共同點(diǎn)，路由都是前端來(lái)控制

server端：以node搭建的站點(diǎn)，包括純node站點(diǎn)以及采用前后端分離的站點(diǎn)。

Web端：以一些瀏覽器端的MV*前端架構(gòu)，如AngularJS、CanJS、BackboneJS等框架搭建的站點(diǎn)

3、工具型

這類職能主要是提高工作效率，減少重復(fù)性勞動(dòng)，加快大型前端項(xiàng)目的構(gòu)建

使用的工具如grunt、gulp、webpack等，工具層出不窮，解決的問(wèn)題基本都是一樣：代碼解析和壓縮、字符串拼接、html模塊化、css模塊化、js模塊化、圖片壓縮、功能組件化等

還有兩外一種：前端通用腳手架，腳手架的意思就是簡(jiǎn)單框架的意思，但是有還不到框架的級(jí)別，只是把通用的部分提煉出來(lái)。

4、理論型/架構(gòu)型

這是一種比較高級(jí)別的職能，一般沒(méi)個(gè)8年10年是達(dá)不到的。

主要是研究一些新理論、新概念，并嘗試從其他語(yǔ)言中吸收優(yōu)秀的部分，來(lái)彌補(bǔ)JS的不足。

比如：ES6引入了很多新的語(yǔ)法，class概念（雖然只是語(yǔ)法糖）、yield語(yǔ)法、模塊化等，在React還未提出前，也一定是先有了Virtual DOM的概念，才有了最終的React。

現(xiàn)在再來(lái)看我還是不是一個(gè)前端？明顯還是一個(gè)嘛~~只是涉及的范圍比較廣，而我個(gè)人覺(jué)得對(duì)于剛畢業(yè)的人來(lái)說(shuō)，知識(shí)的廣度遠(yuǎn)比深度要重要。

所以接下來(lái)我會(huì)繼續(xù)在1、2、3這三類中耕耘，也許10年后會(huì)在4中繼續(xù)發(fā)揮自己的價(jià)值。

前端自從有了正式的名字開(kāi)始，就在發(fā)生翻天腹地的變化，我們要做的就是積極擁抱這種變化，而不是問(wèn)一些類似你還是不是前端的問(wèn)題。

以上純屬個(gè)人見(jiàn)解，如有理解不對(duì)的地方，望指出。