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

兩種價值

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

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

首先，「設(shè)計」絕對不是前端工程師的核心價值，那是設(shè)計師的?！甘褂谜唧w驗」也不是前端工程師的核心價值，那是使用者體驗設(shè)計師的?？墒?，前端工程師如果有設(shè)計的sense（見識），有UX 的sense（見識），那當(dāng)然是很不錯的一件事情，跟這兩個職位的人溝通起來也會比較流暢，因為可以大致理解對方的工作內(nèi)容是什么。

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

可能有人會問說：「可是有些公司的前端工程師還包設(shè)計包UX 欸」，沒錯，但那是因為公司期望用一到兩個人的薪水聘到可以做三個人事情的強者，可是很可惜的，這種意義的前端工程師不在我這篇文章的討論范疇內(nèi)。這篇文章的前端工程師指的是「專門做前端」的工程師，意思就是不會要你去做設(shè)計稿，也不會要你去弄一些有的沒的。

工程師的價值

在「前端工程師」的核心價值里面，也會包含兩種價值，因為「前端工程師」這個職位本來就是：前端+ 工程師兩個名詞組合起來的。所以有一部分是「工程師的價值」，另一個部分是「前端的價值」。

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

例如說：「要選擇哪一套Framework（框架）」這個問題，無論是前端工程師還是后端工程師都會碰到，所以顯然是「工程師的價值」。

但如果是：「要針對哪些瀏覽器做優(yōu)化」，這個就顯然只跟前端有關(guān)（因為后端也碰不到瀏覽器），所以會歸類到「前端的價值」。

前端的價值

把附加價值跟工程師的價值談完以后，終于可以來談前端的價值了。

要知道前端工程師的價值在哪，可以用一個很簡單的問題來做區(qū)分：

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

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

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

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

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

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

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

一個壞的網(wǎng)站開場動畫很lag（卡頓），好的網(wǎng)站超級順

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

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

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

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

總結(jié)

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

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

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

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