一直以來(lái)互聯(lián)網(wǎng)行業(yè)一直都是高薪的代言詞，其中程序員又是工資最高的一職業(yè)，那么大家一直想很問(wèn)問(wèn)，請(qǐng)問(wèn)前端程序員有什么地方是價(jià)值所在？為什么薪水那么高？

兩種價(jià)值

我認(rèn)為前端工程師的價(jià)值可以區(qū)分為兩種，一種是核心價(jià)值、另外一種是附加價(jià)值。

先從附加價(jià)值開(kāi)始談起，這部分的價(jià)值屬于「跟其他職位的人溝通的專業(yè)度」，也就是與您對(duì)接工作人員的熟練度。

首先，「設(shè)計(jì)」絕對(duì)不是前端工程師的核心價(jià)值，那是設(shè)計(jì)師的?！甘褂谜唧w驗(yàn)」也不是前端工程師的核心價(jià)值，那是使用者體驗(yàn)設(shè)計(jì)師的?？墒?，前端工程師如果有設(shè)計(jì)的sense（見(jiàn)識(shí)），有UX 的sense（見(jiàn)識(shí)），那當(dāng)然是很不錯(cuò)的一件事情，跟這兩個(gè)職位的人溝通起來(lái)也會(huì)比較流暢，因?yàn)榭梢源笾吕斫鈱?duì)方的工作內(nèi)容是什么。

因此，我把這種價(jià)值稱為「附加價(jià)值」，而不是「核心價(jià)值」。

可能有人會(huì)問(wèn)說(shuō)：「可是有些公司的前端工程師還包設(shè)計(jì)包UX 欸」，沒(méi)錯(cuò)，但那是因?yàn)楣酒谕靡坏絻蓚€(gè)人的薪水聘到可以做三個(gè)人事情的強(qiáng)者，可是很可惜的，這種意義的前端工程師不在我這篇文章的討論范疇內(nèi)。這篇文章的前端工程師指的是「專門做前端」的工程師，意思就是不會(huì)要你去做設(shè)計(jì)稿，也不會(huì)要你去弄一些有的沒(méi)的。

工程師的價(jià)值

在「前端工程師」的核心價(jià)值里面，也會(huì)包含兩種價(jià)值，因?yàn)椤盖岸斯こ處煛惯@個(gè)職位本來(lái)就是：前端+ 工程師兩個(gè)名詞組合起來(lái)的。所以有一部分是「工程師的價(jià)值」，另一個(gè)部分是「前端的價(jià)值」。

我們先來(lái)談?wù)劦谝粋€(gè)部分，「工程師的價(jià)值」。要知道哪些是工程師的價(jià)值，哪些是前端的價(jià)值，只要把同樣的命題套用到「后端工程師」或是其他職位的工程師上面，看適不適用就對(duì)了。

例如說(shuō)：「要選擇哪一套Framework（框架）」這個(gè)問(wèn)題，無(wú)論是前端工程師還是后端工程師都會(huì)碰到，所以顯然是「工程師的價(jià)值」。

但如果是：「要針對(duì)哪些瀏覽器做優(yōu)化」，這個(gè)就顯然只跟前端有關(guān)（因?yàn)楹蠖艘才霾坏綖g覽器），所以會(huì)歸類到「前端的價(jià)值」。

前端的價(jià)值

把附加價(jià)值跟工程師的價(jià)值談完以后，終于可以來(lái)談前端的價(jià)值了。

要知道前端工程師的價(jià)值在哪，可以用一個(gè)很簡(jiǎn)單的問(wèn)題來(lái)做區(qū)分：

一個(gè)好的網(wǎng)站跟一個(gè)壞的網(wǎng)站差在哪里？

如果我們可以列的出來(lái)差在哪里，就知道前端工程師的價(jià)值體現(xiàn)在哪里了。

但請(qǐng)注意這個(gè)差別并不是頁(yè)面美觀的差別，頁(yè)面美觀與否是設(shè)計(jì)師的事情，在這邊要先假設(shè)兩個(gè)網(wǎng)頁(yè)都是按照設(shè)計(jì)師的要求一模一樣刻出來(lái)的。

也不是網(wǎng)站好不好用的問(wèn)題，「這按鈕太小按不到」、「這結(jié)帳流程太冗長(zhǎng)」，這些都是UX的事情，在這邊先假設(shè)公司有一個(gè)UX desinger專門在做這些。

壞的跟好的網(wǎng)站差在：

一個(gè)壞的網(wǎng)站可能會(huì)存在兼容性問(wèn)題

一個(gè)壞的網(wǎng)站載入時(shí)間可能是10 秒，好的網(wǎng)站只要1 秒

一個(gè)壞的網(wǎng)站開(kāi)場(chǎng)動(dòng)畫(huà)很lag（卡頓），好的網(wǎng)站超級(jí)順

前端是「設(shè)計(jì)稿」跟「現(xiàn)實(shí)」的橋梁

一個(gè)網(wǎng)站的畫(huà)面「應(yīng)該長(zhǎng)得怎樣」，是設(shè)計(jì)師的事?？墒蔷W(wǎng)站「實(shí)際長(zhǎng)得怎樣」，就是前端工程師的事情了。因?yàn)檫@就是前端工程師的工作內(nèi)容嘛，負(fù)責(zé)把畫(huà)面顯示出來(lái)。

所以前端工程師的價(jià)值之一在于：「你對(duì)于設(shè)計(jì)稿的還原度有多高」，你該怎么利用HTML/HTML5， CSS， JavaScript 把原本只是一張張圖片的設(shè)計(jì)稿，轉(zhuǎn)成在瀏覽器上面可以看到的介面？

除此之外，既然你是負(fù)責(zé)畫(huà)面顯示，就代表所有的載具你都應(yīng)該要顧慮到，像是平板電腦、手機(jī)等等，必須保證在各個(gè)裝置上看到的網(wǎng)頁(yè)都跟設(shè)計(jì)師的設(shè)計(jì)稿長(zhǎng)得一模一樣。

總結(jié)

最后來(lái)總結(jié)一下，我認(rèn)為前端工程師具備的兩種價(jià)值：

確保網(wǎng)站最大化的還原設(shè)計(jì)稿，并且在各個(gè)載具上的觀看體驗(yàn)一致

如何使網(wǎng)頁(yè)載入的速度變快、效能變好

至于那些什么畫(huà)面美不美觀，使用者體驗(yàn)好不好，我都覺(jué)得不是前端工程師真正的價(jià)值所在。在一個(gè)專業(yè)分工的地方，那些都會(huì)有其他人幫你做掉，前端只要專注在上面這兩點(diǎn)就好。