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

兩種價值

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

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

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

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

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

工程師的價值

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

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

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

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

前端的價值

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

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

一個好的網站跟一個壞的網站差在哪里？

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

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

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

壞的跟好的網站差在：

一個壞的網站可能會存在兼容性問題

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

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

前端是「設計稿」跟「現實」的橋梁

一個網站的畫面「應該長得怎樣」，是設計師的事。可是網站「實際長得怎樣」，就是前端工程師的事情了。因為這就是前端工程師的工作內容嘛，負責把畫面顯示出來。

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

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

總結

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

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

如何使網頁載入的速度變快、效能變好

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