建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
前端地位
最近的，最遠(yuǎn)的最近，或者說(shuō)在過(guò)去的幾個(gè)月里，我與幾個(gè)前端同事，一直在討論一個(gè)話(huà)題：『作為一個(gè)前端開(kāi)發(fā)人員，我們面臨怎樣的困境?又該如何去解決?』。
而在較老的一次歷史討論(可能是在 6 小時(shí)以前)里，我便想重新理清一次其中的思路，也就有了這篇文章。
前端是不是沒(méi)有地位?
答案：不是，也是。
當(dāng)我們?cè)诩夹g(shù)領(lǐng)域，技術(shù)團(tuán)隊(duì)，討論地位的時(shí)候，說(shuō)的實(shí)際上是話(huà)語(yǔ)權(quán)——技術(shù)的話(huà)語(yǔ)權(quán)，KPI 的話(huà)語(yǔ)權(quán)。技術(shù)話(huà)語(yǔ)權(quán)，是因人而異，當(dāng)你可被信賴(lài)時(shí)，你就有了話(huà)語(yǔ)權(quán)。而 KPI 話(huà)語(yǔ)權(quán)，實(shí)際上指的是 title。
1. 來(lái)得晚的前端沒(méi)有 Title。Title 是一個(gè)很有意思的東西：先到先得，你去了一家高速發(fā)展的創(chuàng)業(yè)公司，你的 title 就升得很快——站在風(fēng)口，大象都能飛。而，大部分 Web 應(yīng)用，前期注重的往往都是應(yīng)用的功能，這也導(dǎo)致了：這些組織在前期并不需要優(yōu)秀的前端開(kāi)發(fā)。而發(fā)展起來(lái)之后，便開(kāi)始追求用戶(hù)體驗(yàn)、視覺(jué)效果、多平臺(tái)，到了這個(gè)時(shí)候呢，關(guān)鍵的坑位已經(jīng)被后端占據(jù)了。畢竟好的前端很貴，但是能實(shí)現(xiàn)頁(yè)面的前端到處都是——甚至是后端也是。
2. 后端懂點(diǎn)前端，而前端不懂 CRUD。事實(shí)上，大部分的組織對(duì)于團(tuán)隊(duì)負(fù)責(zé)人，都有一個(gè)默認(rèn)的要求：『精通』整個(gè)系統(tǒng)——無(wú)論是前后端。這就意味著，前端需要懂后端，后端也需要懂前端。所以，一個(gè)不懂后端的前端，站不到 title 上;一個(gè)不懂前端的后端，站不到 title 上。可是呢，對(duì)于普通的開(kāi)發(fā)人員來(lái)說(shuō)，要達(dá)到中等前端水平的時(shí)間花費(fèi)，要比后端少得多。而如果放到大前端的領(lǐng)域來(lái)考慮，這個(gè)問(wèn)題就需要額外商榷了。
PS：懂后端也并不要求，你精通后端。因?yàn)?**的籃球教練，并不要求會(huì)打籃球。而打籃球***的不一定會(huì)當(dāng)技術(shù)負(fù)責(zé)人/Coach，比如——科比被女兒懟：“你不會(huì)打籃球，教練是這么教我的” 。當(dāng)然了，有技術(shù)底子是***的，但是它也可能在一定程度上限制你。
3. 需求導(dǎo)向(可選)。對(duì)于服務(wù)型公司，如我司，需求方?jīng)Q定了架構(gòu)的復(fù)雜性，決定了其所需要的 title。而需求方對(duì)于架構(gòu)、復(fù)雜度的考量，往往是來(lái)自于整個(gè)市場(chǎng)的平均知識(shí)水平。也就是說(shuō)，一旦業(yè)務(wù)方需求不復(fù)雜，也就不需要高級(jí)的前端開(kāi)發(fā)，便談不上就不話(huà)語(yǔ)權(quán)。
綜上所述，若是想爭(zhēng)取地位需要：去得早，懂后端，機(jī)會(huì)好。
扯太遠(yuǎn)了，那么繼續(xù)往下扯。
5 個(gè)因素決定前端
一. 復(fù)雜度，決定前端
同樣是做一個(gè)手機(jī)，諾基亞的功能機(jī)，和 iPhone 有不一樣的成本。
項(xiàng)目的業(yè)務(wù)人員/產(chǎn)品經(jīng)理/產(chǎn)品負(fù)責(zé)人對(duì)于產(chǎn)品的需求，出因此決定了應(yīng)用/產(chǎn)品的復(fù)雜度。諸如于，同樣是一個(gè)搜索功能，它有不同的實(shí)現(xiàn)方式：
- 普通模式。前端生成搜索的 URL，跳轉(zhuǎn)到對(duì)應(yīng)的搜索結(jié)果頁(yè)。
- 標(biāo)簽搜索 + 普通搜索。后端返回標(biāo)簽
- AutoComplete + 普通搜索
- AutoComplete + 標(biāo)簽搜索 + 普通搜索
- AutoComplete + 地圖搜索 + 標(biāo)簽搜索 + 普通搜索。對(duì)了，還要有地圖和標(biāo)簽的聯(lián)動(dòng)。
- AutoComplete + 地圖搜索 + 標(biāo)簽搜索 + 普通搜索 + 熱門(mén)搜索。
- ……
復(fù)雜度，決定了對(duì)于優(yōu)秀前端工程師的需求。也因此在某種程度上，決定了前端的話(huà)語(yǔ)權(quán)。比如說(shuō)，『出于設(shè)計(jì)上的需要，決定了后端應(yīng)該這么做 xxxx』
也因此，諸如于騰訊這樣的產(chǎn)品型公司，前后端都沒(méi)有地垃。
但是，它避免了后端決定了前端需求的要素——這一點(diǎn)非常重要。在產(chǎn)品話(huà)語(yǔ)權(quán)不高的團(tuán)隊(duì)，必然是先到先得的后端管理者，決定了整個(gè)產(chǎn)品的走向，也由后端決定了前端的設(shè)計(jì)。
二. 團(tuán)隊(duì)規(guī)模，決定前端
只有組織內(nèi)的前端團(tuán)隊(duì)達(dá)到一定的規(guī)模，才能迫使組織的管理者意識(shí)到：『我們需要更優(yōu)秀的前端開(kāi)發(fā)，才能解決當(dāng)前的瓶頸』。
按 xx 劃分：
- HTML 5 廣告頁(yè)
- 小型前端應(yīng)用(微信小程序)
- 中型前端應(yīng)用(普通的 Web 應(yīng)用)
- 大型前端應(yīng)用(toB)
按團(tuán)隊(duì)規(guī)模來(lái)劃分：
- 頁(yè)面級(jí)
- 6 人團(tuán)隊(duì)
- 兩個(gè) Pizza 團(tuán)隊(duì)級(jí)
- 組織級(jí)
所以，如果你只是在切圖，如果你只是在畫(huà) HTML5
3. 流水線(xiàn)式開(kāi)發(fā)
大型組織，需要更明確的分工，以便于機(jī)械工的生產(chǎn)更多的應(yīng)用。
也因此需要更明確的分工，來(lái)解決效率的問(wèn)題。
- 工具支撐團(tuán)隊(duì)
- 框架開(kāi)發(fā)團(tuán)隊(duì)
- 業(yè)務(wù)開(kāi)發(fā)團(tuán)隊(duì)
- DevOps 團(tuán)隊(duì)
4. 客戶(hù)端多樣式
在最近的幾年里，前端走向大前端的原因也在于此，對(duì)于多種客戶(hù)端開(kāi)發(fā)的需求：微信小程度、桌面客戶(hù)端、跨平臺(tái)應(yīng)用等等。使得一個(gè)個(gè)前端開(kāi)發(fā)人員，身為多技。
作者手疼，省去了幾十個(gè)字。
5. 新的領(lǐng)域
嗯，只有新的領(lǐng)域，才存在更多的機(jī)會(huì)。
- 邊緣計(jì)算
- 區(qū)塊鏈
- 客戶(hù)端計(jì)算
- ……
作者手疼，省去了幾十個(gè)字。
6. 業(yè)務(wù)熟悉度
如果你不關(guān)心業(yè)務(wù)，對(duì)業(yè)務(wù)不了解，那么你哪來(lái)的自信，去領(lǐng)導(dǎo)整個(gè)前后端團(tuán)隊(duì)。
作者手疼，省去了幾百個(gè)字。
結(jié)論
言而總之，總而言之：只有優(yōu)秀的前端，才有必要討論地位。抱怨，解決不了問(wèn)題——只有起而行動(dòng)，才能有效地解決問(wèn)題。
這些也意味著，我們需要更深入的學(xué)習(xí)。笑~ ????
可是，到底從哪里開(kāi)始學(xué)呢?有沒(méi)有一本書(shū)，能解決這樣的問(wèn)題。
TBC...
作者：Phodal(黃峰達(dá))是一個(gè)咨詢(xún)師、Geek、作者和設(shè)計(jì)師，現(xiàn)作為一個(gè)資深咨詢(xún)師為 ThoughtWorks 工作。作為一個(gè) Geek，他是一名狂熱的開(kāi)源社區(qū)貢獻(xiàn)者，在 GitHub 上擁有大量的開(kāi)源項(xiàng)目，擁有 40k+ 的 stars。作為一個(gè)*** markdown 印刷工，他是《自己動(dòng)手設(shè)計(jì)物聯(lián)網(wǎng)》繁、簡(jiǎn)體版、《全棧應(yīng)用開(kāi)發(fā)：精益實(shí)踐》作者等三本書(shū)的作者，并合譯有兩本物聯(lián)網(wǎng)相關(guān)書(shū)籍;并作為技術(shù)專(zhuān)家，審閱了七本英文技術(shù)書(shū)籍。
本文題目：前端是不是沒(méi)有地位？
地址分享：http://m.5511xx.com/article/dhcghee.html
