幾年的時(shí)間，感覺(jué)自己前進(jìn)道路上遇到了很多的問(wèn)題。這也正是我開(kāi)公眾號(hào)的初衷所在，我希望能夠靜下心來(lái)，將自己學(xué)到的東西整理出來(lái)，分享給大家，一來(lái)慢慢豎立自己的個(gè)人品牌，讓別人能夠更加簡(jiǎn)單直接的了解自己，二來(lái)也鍛煉自己的心態(tài)。在這里也謝謝大家的關(guān)注與支持。我接觸前端的時(shí)間不長(zhǎng)也不短，13 年入門(mén)，14 年初在百度實(shí)習(xí)，在14 年中時(shí)正式參加了工作，到現(xiàn)在算來(lái)也有3 年多了。然而這四年間前端的變化已經(jīng)讓很多人摸不著頭腦。我相信也有很多跟我有著一樣想法的人，所以打算與大家探討一下前端發(fā)展這個(gè)問(wèn)題。昨天還發(fā)了一條狀態(tài)，有人留言問(wèn)我為什么這么說(shuō)。

圖片來(lái)源于網(wǎng)絡(luò)

記得剛?cè)肭岸诉@個(gè)行業(yè)時(shí)，jQuery 異?；鸨?，圖書(shū)館的相關(guān)書(shū)籍俯拾皆是，博客園上的文章介紹多若繁星，jQuery 插件鋪天蓋地，可謂盛況空前。然而，隨著多端設(shè)備的興起和界面需求的不斷強(qiáng)盛，技術(shù)的不斷升級(jí)，像node.js、angularjs、reactjs、ExtJS。jQuery 幾乎已經(jīng)不能勝任日常開(kāi)發(fā)了。

圖片來(lái)源于網(wǎng)絡(luò)

我們的職能也發(fā)生了一些改變，我們需要掌握更多的工具和更多的語(yǔ)言，從客戶端延伸到了服務(wù)端甚至運(yùn)維層面，從前端資源演變成了產(chǎn)品的主導(dǎo)者，帶著運(yùn)營(yíng)和產(chǎn)品經(jīng)理玩游戲，我們甚至可以提供玩法，他們跳進(jìn)來(lái)玩耍。

圖片來(lái)源于網(wǎng)絡(luò)

前端這幾年變得豐滿了許多，可以深入的方向更多了。無(wú)線、Node、類 React、模塊化、工程化等等，開(kāi)始出現(xiàn)了「前端領(lǐng)域」這個(gè)概念，它不再是籠統(tǒng)的 HTML/CSS/JavaScript 雜燴，每個(gè)領(lǐng)域都有專家，每個(gè)領(lǐng)域都有自己的研究方法。所以前端也出現(xiàn)了很多的機(jī)會(huì)，以及更多的趣味性——事實(shí)上，前端那種所見(jiàn)即所得的開(kāi)發(fā)，本身就是一種趣味。現(xiàn)在前端這個(gè)職位被誤會(huì)已久，圈子內(nèi)水平良莠不齊，我就談?wù)勎艺J(rèn)知中的前端吧。

什么叫前端呢？

現(xiàn)在，公司里對(duì)前端的稱呼真可謂五花八門(mén)，前端是你，頁(yè)面制作也是你，直接稱呼你JS的也有，切圖的還是你，之所以造成這種情況，是因?yàn)榍岸说侥壳盀橹挂策€算是一個(gè)新興的崗位，真正需要一個(gè)地地道道前端的公司也不是多數(shù)，在我看來(lái)，前端需要掌握的技能有很多很多，簡(jiǎn)單列舉一下：

HTML+CSS：也就是網(wǎng)站的骨架和樣子，包括你看到的知乎的界面，一段文字，一個(gè)圖片，都是一個(gè)HTML元素，至于字號(hào)是多大的，什么顏色，放在什么位置，這叫CSS，在HTML5里，CSS還能讓元素運(yùn)動(dòng)起來(lái)，旋轉(zhuǎn)，跳躍，只要你想Javascript：簡(jiǎn)單的說(shuō)就是頁(yè)面的大腦，把后端獲取的數(shù)據(jù)添加到網(wǎng)頁(yè)里，或者讓元素運(yùn)動(dòng)起來(lái)，或者是改變頁(yè)面的CSS，或者是操作HTML元素等等。當(dāng)然，這些都是最基礎(chǔ)的做法，作為一個(gè)前端，還要考慮JS的性能，可維護(hù)，可擴(kuò)展的程度等等網(wǎng)站優(yōu)化：打開(kāi)一個(gè)網(wǎng)站的速度，或者是搜索排行的前后，作為前端，都算職能之內(nèi)。網(wǎng)站安全：作為前端，同樣有不少地方要考慮安全性能用戶體驗(yàn)：作為前端，當(dāng)項(xiàng)目里出現(xiàn)不友好的操作的時(shí)候，你也需要第一時(shí)間反饋

前面說(shuō)了這么多，其實(shí)前端還是很有趣的。只有你自己進(jìn)來(lái)了才知道。

最后分享

時(shí)間很快，一會(huì)的功夫自己又啰嗦了這么多，希望能對(duì)你們有所幫助，可能前端對(duì)于零基礎(chǔ)的人員來(lái)說(shuō)就是萬(wàn)事開(kāi)頭難，中間難，結(jié)尾也難.

1. 前端工資比后端低嗎？

我可以負(fù)責(zé)任的告訴題主：據(jù)我所知，至少在杭的網(wǎng)易、阿里，前端跟后端是一個(gè)批發(fā)價(jià)。

關(guān)于以上，我說(shuō)的是業(yè)務(wù)層的。假如你非得說(shuō)開(kāi)發(fā)Web 3D引擎的前端比一個(gè)普通的Java價(jià)格貴，或者玩hadoop的數(shù)據(jù)研發(fā)比一個(gè)普通前端高這就是屬于杠精了。

我們指的前后端，一定是web開(kāi)發(fā)的前后端，屬于web業(yè)務(wù)開(kāi)發(fā)。不然寫(xiě)中間件、大數(shù)據(jù)的后端，寫(xiě)web 3D引擎、前端框架設(shè)計(jì)的前端，都屬于脫離傳統(tǒng)web開(kāi)發(fā)的范疇了。

我指的是同水平的情況下，因?yàn)閭€(gè)體的差異十分大，但是普遍一個(gè)P6/7的前端跟一個(gè)P6/p7的后端是一個(gè)價(jià)格。

因?yàn)檫€是在上學(xué)，我再多說(shuō)幾句。很多大學(xué)老師，其實(shí)離軟件行業(yè)很遠(yuǎn)了。我們不排除一些大牛老師跟企業(yè)保持著密切的合作。比如我老師浙大翁愷，我之前在網(wǎng)易的時(shí)候還經(jīng)常與我們有合作（現(xiàn)在不清楚了），網(wǎng)易云課堂上有大量他的課。

所以，老師對(duì)行業(yè)的一些看法并非可以全信，來(lái)知乎問(wèn)問(wèn)是好的；但是知乎上每個(gè)人的觀點(diǎn)也不一樣，現(xiàn)在就有人說(shuō)后端價(jià)格更高這個(gè)觀點(diǎn)，我再給你講得詳細(xì)一點(diǎn)。

1. 一定程度上上持后端薪資更高的觀點(diǎn)也是對(duì)的。

為什么？如果你算一下阿里前端的平均薪資和后端平均薪資，一定是后端高。

因?yàn)榍岸说牡匚惶岣?，就這幾年的事情。現(xiàn)在你去阿里p7前端跟后端(阿里后端就是java)是一個(gè)價(jià)格，可是之前一定是后端高，加之后端在阿里創(chuàng)建之初就有了，很多后端出身的人早進(jìn)入管理層了。但是他們依然是掛著p9/p10的頭銜的后端，前端不過(guò)是10年前后才發(fā)力的，p10以上的前端其實(shí)就那么一兩個(gè)。

嚴(yán)格來(lái)講到了p10這個(gè)級(jí)別已經(jīng)沒(méi)什么前后端這一說(shuō)了；只不過(guò)是前端出身或者后端出身而已。如果是一路走技術(shù)路線上來(lái)的，前后端啥的都是通吃的。如果走的管理，其實(shí)已經(jīng)不算技術(shù)了，那就是純粹的管理。

所以，你現(xiàn)在根本不用擔(dān)心這些問(wèn)題，現(xiàn)在批發(fā)價(jià)是一樣的，因?yàn)椴还苁瞧骄鶖?shù)怎么樣，到自己手里的才是王道。

2.個(gè)體差異很大，即使同一個(gè)級(jí)別拿的也有多有少。

我其實(shí)在同級(jí)別的工程師里是屬于最高薪那個(gè)級(jí)別的，雖然討論薪資是高壓線，但是每個(gè)員工都或多或少知道自己的情況。

當(dāng)時(shí)去阿里時(shí)，我開(kāi)的價(jià)格很高，一個(gè)原因是我當(dāng)時(shí)并不想離開(kāi)網(wǎng)易。如果不到一定價(jià)格我是不會(huì)走的，還有一個(gè)原因是，想探一下自己的價(jià)值到底有多高。這就牽扯到一個(gè)程序員生存策略了：每年一定要拿出兩個(gè)月出去面試——不管你要不要走。需要不斷評(píng)估自己的價(jià)格，和發(fā)現(xiàn)自己身上的缺點(diǎn)及時(shí)彌補(bǔ)。

很多程序員不知道自己值多少錢(qián)，要么不敢要工資、要么獅子大開(kāi)口。想知道自己值多少，去市場(chǎng)上試水是做好的辦法。要記住一點(diǎn)：你的價(jià)格是市場(chǎng)決定的，而不是你的能力。你的能力，在穩(wěn)定市場(chǎng)情況下可以跟價(jià)格成正比。但是市場(chǎng)永遠(yuǎn)不是穩(wěn)定的?？纯串?dāng)年的安卓/ios多風(fēng)光，再看看現(xiàn)在，人還是那批人，市場(chǎng)卻要涼了。

3.不管是前端還是后端只是個(gè)敲門(mén)磚。

很多年輕（其實(shí)我也挺年輕的）的小伙伴們都有一些執(zhí)念，比如打算寫(xiě)一輩子Java成為Java大牛，走向人生巔峰，其實(shí)想法是好的，但是不可取。

我們從技術(shù)角度來(lái)說(shuō)，因?yàn)閷?xiě)一輩子Java是當(dāng)不了Java大牛的，你依然需要學(xué)習(xí)JVM系的Scala、Kotlin，更底層的c/c++，還有Go、Erlang這些擁有Java不同哲學(xué)的語(yǔ)言。最后，發(fā)現(xiàn)你Java只是你的敲門(mén)磚，真正讓你成為Java大牛的是你懂的不同語(yǔ)言的哲學(xué)，懂得不同場(chǎng)景下發(fā)揮出Java的優(yōu)勢(shì)，規(guī)避Java的劣勢(shì)，深知Java的優(yōu)缺點(diǎn)。而不是抱著Java是最好的語(yǔ)言，寫(xiě)一輩子Java。

從職業(yè)生涯的角度來(lái)說(shuō)，注意我在前文中用描述高P的工程師的詞匯，『xx出身』。對(duì)于高P而言，沒(méi)有前后端。前后端只是敲門(mén)磚，因?yàn)槲覀兘裉煊懻摰腤eb業(yè)務(wù)層面的開(kāi)發(fā)，說(shuō)實(shí)話都是處于計(jì)算機(jī)難度底端的玩意。之于一些答主說(shuō)的鄙視鏈，其實(shí)就是中國(guó)隊(duì)鄙視泰國(guó)隊(duì)，菜雞互啄。

在Web這條線上想走到高P，基本上都是走業(yè)務(wù)架構(gòu)這條路，這考驗(yàn)的就是大局觀了。你只會(huì)一個(gè)前端或者一個(gè)Java根本不夠格。純粹研究技術(shù)上P10的基本上屬于蜀道難了——說(shuō)的清楚點(diǎn)，對(duì)于傳統(tǒng)的Web開(kāi)發(fā)工程師（前后端）不通過(guò)管理走高P基本上只有往架構(gòu)方向走，這個(gè)時(shí)候靠的是你全面的能力和良好的大局觀,你當(dāng)初的那些前端技術(shù)、后端技術(shù)就是個(gè)敲門(mén)磚。

p10以上還能純玩技術(shù)的我指出幾個(gè)方向，算法相關(guān)崗位(深度學(xué)習(xí)、計(jì)算機(jī)視覺(jué)等)、數(shù)據(jù)相關(guān)崗位、圖形學(xué)相關(guān)崗位（比如網(wǎng)易開(kāi)發(fā)游戲引擎的大牛等）、大規(guī)模系統(tǒng)的底層相關(guān)（阿里云）、安全相關(guān)。

普通的web開(kāi)發(fā)，即使前端寫(xiě)出花、后端寫(xiě)得上天了，也無(wú)法靠純技術(shù)走到高P。請(qǐng)時(shí)刻認(rèn)知到自己處于計(jì)算機(jī)難度的最底層就行了，因?yàn)榍昂蠖思夹g(shù)本身沒(méi)什么高深的，基本上都是工業(yè)界實(shí)踐的結(jié)果。你看到很多xx公司從xx實(shí)驗(yàn)室、xx高校挖了個(gè)深度學(xué)習(xí)專家、數(shù)據(jù)科學(xué)家，你見(jiàn)過(guò)挖了個(gè)某教授來(lái)做web開(kāi)發(fā)了?

總結(jié)：

1. 前后端目前在大廠至少是一個(gè)批發(fā)價(jià)。

2. 你作為一個(gè)個(gè)體能拿多少取決于市場(chǎng)，也取決你的個(gè)人能力和談判能力，更平均薪資無(wú)關(guān)。

3. 不管是前端還是后端，只是你之后發(fā)展的敲門(mén)磚，傳統(tǒng)web開(kāi)發(fā)沒(méi)有難度可言，想走高P懂前后端，是最最起碼的要求。

2. 如何規(guī)劃自己的職業(yè)？

最后，題主問(wèn)到如何規(guī)劃自己的事業(yè)。上文說(shuō)的很清楚了：前端只是你的敲門(mén)磚。下面，談?wù)剮讉€(gè)靠前端敲門(mén)后的大方向：

1. web開(kāi)發(fā)：前端、后端是web開(kāi)發(fā)的兩個(gè)端，其實(shí)同城web開(kāi)發(fā)，在很多國(guó)外公司沒(méi)前后端這個(gè)說(shuō)法，都叫做『軟件工程師』或者web developer。其實(shí)，要轉(zhuǎn)換一個(gè)思想：前后端并不是對(duì)立的，而是純粹的一家人。只是被國(guó)內(nèi)外的一些市場(chǎng)強(qiáng)行分成了前后端，歸根到底，是需要前后端都懂得,所以在你保持前端高水平的情況下,精進(jìn)一些后端技術(shù)是必要的,但是要分清主次,前端為主。

2. 數(shù)據(jù)方向：以后數(shù)據(jù)就是互聯(lián)網(wǎng)時(shí)代的石油嘛，這個(gè)方向也不錯(cuò)。在前端這邊就是可視化相關(guān)的技術(shù),在阿里這邊有大量的數(shù)據(jù)可視化實(shí)踐，因?yàn)榘⒗锾?hào)稱自己是數(shù)據(jù)公司(中石油?)。想做這一行建議搜知乎相關(guān)如何入門(mén)。提前說(shuō)下，并不是用echarts渲染個(gè)圖表就叫可視化了，這行水非常深。在高校有很多這個(gè)方向的研究人員，所以搜浙大陳為了解下，反正逼格比web開(kāi)發(fā)高是一定的，以后再精進(jìn)也還是離不開(kāi)大數(shù)據(jù)相關(guān)的東西什么hive、hadoop之類的，可視化是整個(gè)數(shù)據(jù)鏈路最外層，最后走高P還是需要理解整個(gè)鏈路層的。

進(jìn)一步說(shuō)，web開(kāi)發(fā)分web前端和web后端，是以web服務(wù)的角度來(lái)看待的，數(shù)據(jù)研發(fā)這個(gè)是在web開(kāi)發(fā)的基礎(chǔ)上用數(shù)據(jù)附能，懂可視化的一定是有前端能力的，懂hadoop的一定java玩的溜，屬于web開(kāi)發(fā)的拓展方向。

3. 大前端方向：上文提到，移動(dòng)端的ios/安卓早就式微了，但是并不代表死了。只是所有公司都意識(shí)到，沒(méi)必要上原生開(kāi)發(fā)了。知道養(yǎng)安卓/ios/web三個(gè)團(tuán)隊(duì)多浪費(fèi)錢(qián)嘛，就那么點(diǎn)的用戶量和難度，創(chuàng)業(yè)期直接all in小程序就行了；等做大了再上安卓/ios，而且也不用全上，30%的native+70%hybrid用戶根本看不出差異，而且成本和效率不知道強(qiáng)了多少。一些大廠，比如阿里，在大量實(shí)踐rn和weex；由于公司內(nèi)部安卓/ios式微，一定程度上，前端把ios和安卓收編了，統(tǒng)稱大前端(還有node)。比較出名的，是餓了么和美團(tuán)，這種收編一定程度上也是政治的需要。像美團(tuán)這種企業(yè)，一定是重后端的。距劉平川說(shuō)收編完安卓/ios后加上node團(tuán)隊(duì)，大前端人數(shù)與后端持平。可以想象大前端的leader的話語(yǔ)權(quán)了：學(xué)一點(diǎn)ios/安卓沒(méi)壞處。

4. 圖形學(xué)方向：圖形學(xué)的集大成者無(wú)疑是游戲行業(yè)，當(dāng)然阿里也有自己的游戲業(yè)務(wù),前端自然是與圖形學(xué)有千絲萬(wàn)縷的聯(lián)系，除了上面提到了可視化，還有相關(guān)3d引擎的開(kāi)發(fā)工作。比如，玉伯的團(tuán)隊(duì)正在內(nèi)部孵化antG(未開(kāi)源)，淘寶那邊已經(jīng)有前端3d引擎的開(kāi)源項(xiàng)目，支付寶內(nèi)部的螞蟻森林，就是前端開(kāi)發(fā)的。用的正是canvas/webgl相關(guān)的技術(shù)。做這一行要求也非常高了，圖形學(xué)相關(guān)的算法，3d引擎的開(kāi)發(fā)，這都需要圖形學(xué)相關(guān)知識(shí)。要嚴(yán)格來(lái)講，很難算傳統(tǒng)意義上的前端了，更像是圖形學(xué)在瀏覽器端的應(yīng)用，之后發(fā)展肯定是需要借鑒傳統(tǒng)圖形學(xué)的方案，所以c/c++少不了，同時(shí)，3d/2d在瀏覽器端吃性能，需要webassembly加持，native語(yǔ)言是更少不了了。

總之，要么在廣度上下功夫，要么在深度上下功夫，其目的就是在技術(shù)上高出其他人一個(gè)維度。