我猜想國內(nèi)很多前端工程師都想過這個問題吧。前端工程師往往屬于產(chǎn)品研發(fā)團隊，但卻很容易被邊緣化——后端工程師覺得自己才是主力，沒有后端工程師產(chǎn)品就不存在了，但沒有前端工程師產(chǎn)品還能有，只是界面非常糟糕而已。這時候前端工程師就開始感覺自己像是個外包似的，只是來幫別人完成一些任務(wù)而已，對產(chǎn)品沒有歸宿感。這時候前端工程師的職業(yè)發(fā)展路線在哪？成為一個更好的外包嗎？

要做關(guān)鍵任務(wù)

我覺得，要別人重視你的工作，不僅僅是你做得好就行了，還要求你的工作對別人來說足夠重要。這跟產(chǎn)品定位有關(guān)——例如說對搜索引擎來說，前端對產(chǎn)品的影響不會非常大，用戶只要能搜索到自己想要的結(jié)果就行了。搜索引擎最復(fù)雜的交互可能就是搜索框的自動完成了，但有自動完成和無自動完成的區(qū)別到底有多大呢？跟準(zhǔn)確率和召回率相比，有沒有自動完成實在沒有多重要。況且，自動完成的結(jié)果本身也依賴于準(zhǔn)確率和召回率，所以后端工程師比前端工程師重要得多。

因此，前端工程師在選擇工作時首先要選擇前端足夠重要的工作。重要用什么來衡量？務(wù)實的話，是錢；務(wù)虛的話，是產(chǎn)品。如果一個功能只能在前端實現(xiàn)，并且這個實現(xiàn)能夠提高多少的轉(zhuǎn)化率，使得多少原本不產(chǎn)生利潤的點擊產(chǎn)生利潤，那么前端對這個產(chǎn)品來說一定十分重要。可惜往往跟錢相關(guān)的事情不由前端工程師來研究和決定，所以這部分工作還是安心交給產(chǎn)品設(shè)計師來做吧，讓他們來決定怎么樣的產(chǎn)品能賺錢，然后由你來完成這個產(chǎn)品的實現(xiàn)，這時候你的目標(biāo)就是把產(chǎn)品做好。

回到剛才的問題，有些產(chǎn)品更依賴于后端，例如搜索引擎，當(dāng)然也有些產(chǎn)品更依賴于前端。什么樣的產(chǎn)品更依賴于前端？就是后端難以建立起技術(shù)壁壘的產(chǎn)品。這類產(chǎn)品要抄襲一個功能差不多的并不難，因此只有細節(jié)做得最好的能夠獲得足夠多的用戶。這類產(chǎn)品在 iOS App Store 上很常見——有很多 app 擁有相似的功能，而其中只有一個交互設(shè)計得最好的能夠獲得絕大多數(shù)的用戶。盡管 app 不存在 HTML + CSS + JS 這個前端，不過道理是一樣的。當(dāng)年 Tweetie 能夠取代老牌的 Twitterrific 成為主流 Twitter 客戶端，靠的就是交互上的創(chuàng)新，外加不差的性能和穩(wěn)定性。如果交互對于一個 web app 來說十分重要，這個 web app 自然也就需要十分優(yōu)秀的前端工程師。

總結(jié)一下，由于前端工程師的價值在于實現(xiàn)復(fù)雜的前端細節(jié)，因此如果可以選擇的話盡量選擇一個細節(jié)決定成敗的產(chǎn)品。如果產(chǎn)品的成敗已經(jīng)由后端工程師決定了，例如某某數(shù)據(jù)規(guī)模要么能做要么不能做，那么這個產(chǎn)品就沒你什么事了。

要懂核心業(yè)務(wù)

每一個公司，每一個項目，都有它的官方語言。不是指普通話，也不是指 C++，我指的是大家圍繞什么問題來展開項目，什么問題的討論能讓大家為之興奮。舉個例子來說，百度的官方語言就是搜索，跟搜索沒有關(guān)系的產(chǎn)品也會使用「準(zhǔn)確率」、「召回率」這樣的術(shù)語用來做比喻。前端工程師有多少知道什么是「準(zhǔn)確率」、「召回率」的？估計不多，因為前端根本沒有這樣的概念。這時候前端工程師要跟后端工程師溝通也就不容易了。久而久之，你對人家很興奮在討論的什么 O（1） 還是 O（n） 不感興趣，人家也不理解你的 {} ！= {}是什么意思，你就被邊緣化了。

如果不想被邊緣化，就算前端不是公司的核心業(yè)務(wù)，你也必須懂公司的核心業(yè)務(wù)，然后說著官方語言，而不是前端的方言。這就意味著，如果你在一家后端技術(shù)很強大的公司，你最好也懂后端技術(shù)。我知道國內(nèi)有很多前端工程師并不是計算機系畢業(yè)的，就算是國內(nèi)的教育也不怎么樣，這時候你只能惡補相關(guān)的基礎(chǔ)知識了。如果你不懂這些，就算你能把整本《JavaScript 權(quán)威指南》背下來，你說的還是方言，說官話的人還是會鄙視你。如果公司主要服務(wù)于某個垂直領(lǐng)域的話，你必須對這個垂直領(lǐng)域十分了解，隨時能用這個領(lǐng)域的行話來溝通。

總結(jié)一下，由于每個人已經(jīng)熟悉的領(lǐng)域都不一樣，所以沒辦法說哪個領(lǐng)域更適合前端工程師。如果你原本已經(jīng)有某個領(lǐng)域的從業(yè)經(jīng)驗，進入服務(wù)于該領(lǐng)域的技術(shù)公司總是有顯著優(yōu)勢的。如果你進入了一個自己不熟悉的領(lǐng)域，那就一定要補充相關(guān)基礎(chǔ)知識，否則你對這個領(lǐng)域不感興趣，這個領(lǐng)域也不會對你的前端工作感興趣。

實際例子

為什么我選擇加入豌豆莢？主要考慮的還是上面兩點。

我在百度的時候一直就在想，既然前端對搜索引擎來說不重要，那對什么類型的應(yīng)用來說比較重要呢？當(dāng)時看到 Facebook 做得不錯，所以覺得社區(qū)會需要復(fù)雜的交互，而如果復(fù)雜交互做不好則會影響用戶使用，因此前端對社區(qū)來說應(yīng)該十分重要。現(xiàn)在看來，也不完全是這樣子。前端對社區(qū)來說確實重要，但 Facebook 并不是一個典型的例子，它是一個前端做得尤其優(yōu)秀的例子。

在我了解到豌豆莢 Windows 客戶端的實現(xiàn)方式時，我立即意識到它可以通過我的第一個判別標(biāo)準(zhǔn)——前端對它來說是關(guān)鍵任務(wù)。它使用 Webkit 做了一個容器，然后把所有的交互都通過 web app 的形式做在里面，然后通過一組接口跟 native 進行交互。如果一個應(yīng)用決定要這樣做了，那么前端就能影響到它的成敗，因為這時候前端后端的分隔線已經(jīng)很明確了。如果一項功能應(yīng)該由前端來做那就必須由前端來做，后端基本不可能成為實現(xiàn)此項功能的備選方案，這時候前端就具備了無可替代的位置。

至于第二個判別標(biāo)準(zhǔn)——豌豆莢的核心業(yè)務(wù)是什么？我覺得豌豆莢做的很多事情都是以產(chǎn)品設(shè)計為起點的，而這至少是我感興趣并且也有點感覺的東西。從細節(jié)上來說，就是大家喜歡談?wù)摰氖虑槭且恢碌模绠a(chǎn)品如何做一些很智能的設(shè)計，最新的技術(shù)方案如何能夠巧妙地幫助這些設(shè)計得以實現(xiàn)。Junyu 說「設(shè)計就是創(chuàng)造性地解決問題」，這是我喜歡的解決問題方式。這個世界上能夠把邏輯轉(zhuǎn)化為代碼的人非常多，同時有一定數(shù)學(xué)和計算機專業(yè)基礎(chǔ)的人也不少，因此要拼誰的解決方案更好的話那還要加上創(chuàng)造力。

我知道國內(nèi)有很多產(chǎn)品設(shè)計師，在考慮產(chǎn)品時首先想到的是百萬千萬級用戶量，這樣無論從單個用戶身上賺到的錢多么的少，最終產(chǎn)品還是能賺大錢。百度曾經(jīng)就屬于這種思維方式，但這不是我喜歡的風(fēng)格，因為沒有明確的目標(biāo)用戶定位。我知道國內(nèi)由很多工程師，在編寫代碼時用盡各種技巧以展示自己過人的才智，但是這樣的代碼還有可復(fù)用性嗎？除了作者本人沒有人能夠維護啊。不同的人有不同的品味，能夠跟品味一致的人一起工作是一件幸福的事情。