從前，有一個(gè)前端程序員，他無意間得到了一盞神燈。神燈許諾會(huì)實(shí)現(xiàn)他一個(gè)愿望。于是他向神燈許愿，希望有生之年能夠?qū)W會(huì)所有的前端技能。神燈思考了片刻，賜給了他永生。。。

“優(yōu)秀”的定義

在我們開始討論之前，答應(yīng)我，先問自己這樣一個(gè)問題：優(yōu)秀的前端工程師應(yīng)該是什么樣子呢？

如果你的答案是精通各種前端框架，或者是掌握各種前端技能，亦或者是理解用戶的真正需求，甚至是前后端通吃的全棧工程師，那么恭喜你，你的答案和我剛開始思考這個(gè)問題時(shí)的答案差不多。

的確，在前端領(lǐng)域定義優(yōu)秀，自然是精通一種甚至多種前端開發(fā)工具和框架，理解這些框架的底層邏輯，知道用戶的需求和痛點(diǎn)，有屬于自己的開源項(xiàng)目和技術(shù)博客，并且寫得出一手整潔且bug free的代碼。這些優(yōu)秀的特質(zhì)令每一個(gè)前端從業(yè)者神往，但同時(shí)也令人遺憾。因?yàn)橐坏┰谀X海里形成這樣一種所謂“優(yōu)秀的”前端工程師的定義，我們就會(huì)發(fā)現(xiàn)，自己似乎永遠(yuǎn)也成為不了我們自己定義的優(yōu)秀的前端工程師了。現(xiàn)在不是，以后也不知道何時(shí)會(huì)是。這足以讓我們反思，我們做不到“優(yōu)秀”，究竟是我們自己不夠努力且沒有天分，還是對(duì)于“優(yōu)秀”這個(gè)詞的定義有問題。

別著急，讓我們先來看一看有關(guān)“優(yōu)秀前端工程師”的傳說。

優(yōu)秀前端工程師的三個(gè)傳說

1. 無所不知

還記得之前那篇前端疲勞里的這張圖嗎？

沒錯(cuò)，優(yōu)秀的前端工程師掌握了這張圖上的幾乎一切。他們不受前端疲勞的困擾，他們可以跟上每一次技術(shù)更新迭代的腳步，將最新的工具和技術(shù)輕松收入囊中。大多數(shù)情況下，他們不需要查看技術(shù)文檔和手冊，因?yàn)槟切〇|西好像就存在他們的腦子里。無論是寫正則表達(dá)式，還是調(diào)用API，抑或處理復(fù)雜的JS代碼，他們都能信手拈來。

2. 完美代碼

每次code review，我的內(nèi)心都很忐忑，因?yàn)樽约撼舐倚阅艿拖碌拇a即將曝光在同事的眼前。優(yōu)秀的前端工程師從來沒有這些煩惱，相反，他們的代碼往往是被作為模板來接受眾人膜拜的。簡潔，優(yōu)雅，高效。有句話怎么說來著，漂亮的不像實(shí)力派。偏偏漂亮還不夠，連注釋都恰到好處。總之就一句話，給你一個(gè)無法拒絕贊美它的理由。

3. 極度專注

在這樣一個(gè)時(shí)間被互聯(lián)網(wǎng)不斷撕裂的時(shí)代，專注早就成為了一種奢侈的品質(zhì)。而優(yōu)秀的前端便享有這份奢侈。他們似乎感覺不到疲憊，不是在寫代碼，就是在去寫代碼的路上。當(dāng)大多數(shù)人都沉迷于吃雞農(nóng)藥等游戲中時(shí)，他們卻始終讓自己淪陷在代碼的世界里。請(qǐng)你給我一個(gè)他們不優(yōu)秀的理由。

傳說很難照進(jìn)現(xiàn)實(shí)

不知道你的身邊有沒有做到以上三點(diǎn)的前端工程師。這種人當(dāng)然存在，但作為普通前端的我們可能根本接觸不到他們。因?yàn)槟茏龅饺c(diǎn)中的一點(diǎn)都已經(jīng)遠(yuǎn)遠(yuǎn)不止優(yōu)秀這個(gè)詞可以形容了。 做到兩點(diǎn)或者以上的人應(yīng)該已經(jīng)不會(huì)是單純的工程師了，至少已經(jīng)是leader或者是CTO了吧。我們可以把這些傳說中的特質(zhì)視為自己的奮斗目標(biāo)，但我們不應(yīng)該把“優(yōu)秀”定義的如此高不可攀，不近人情，讓大多數(shù)勤奮的前端工程師們與優(yōu)秀“絕緣”。

五步，讓優(yōu)秀觸手可及

1. 承認(rèn)自己不知道

是的，你沒看錯(cuò)，承認(rèn)自己不知道絕對(duì)是一種優(yōu)秀的表現(xiàn)。前端技術(shù)的爆炸式發(fā)展帶來了很多創(chuàng)新的理念和極致的體驗(yàn)，它早已無處不在。但同時(shí)，它也讓前端開發(fā)者們處在需要時(shí)刻跟上前端發(fā)展步伐的迷茫和痛苦中。若不加判斷的追逐這種日新月異的技術(shù)進(jìn)步，就會(huì)走入什么都學(xué)了一點(diǎn)，但什么都沒學(xué)會(huì)的境地。

不知道所有的技術(shù)沒有關(guān)系，你也不可能都知道。大膽的承認(rèn)自己不知道，比打腫臉充胖子假裝自己知道的人要優(yōu)秀的多。

“React好復(fù)雜啊，要加上ReactRouter和Flux才能寫大型應(yīng)用”

“嗯嗯，我也這樣覺得（內(nèi)心：React是什么。。。）”

“那你平常用React做什么？“

“。。。（卒）。。。”

2. 新技術(shù) ！= 合適的技術(shù)

你可能不止一次的聽到過這樣的嘲諷：“什么？你還在用Gulp？太過時(shí)啦，現(xiàn)在大家都用Webpack，比Gulp好用多了”。我不知道這種嘲諷有什么道理。新的技術(shù)就一定比原來的好？

脫離了實(shí)際的應(yīng)用場景去評(píng)價(jià)工具的好壞就是耍流氓。我們學(xué)習(xí)和使用新的技術(shù)，一定不能只是因?yàn)樗滤犰牛且驗(yàn)樗軌蚋玫膸椭覀兘鉀Q當(dāng)前的問題。如果舊的技術(shù)已經(jīng)幫我們完美的解決了問題，那我們完全可以選擇忽視新的技術(shù)。

下次再有人單純的因?yàn)闆]用最新的工具來懟你，你就大膽的對(duì)他說：“小孩才分新舊，大人只看利弊，對(duì)解決問題有利的才是最好的。你呀，too young too simple。”

3. 有效地利用資源

能記住大量的技術(shù)細(xì)節(jié)當(dāng)然是強(qiáng)大實(shí)力的體現(xiàn)，但記不住并不代表弱小和拙劣。在這樣一個(gè)信息量如此奢華的互聯(lián)網(wǎng)時(shí)代，大多數(shù)的知識(shí)都可以在5分鐘內(nèi)百度谷歌到。很多大的公司不是喜歡將一些小業(yè)務(wù)外包出去嗎，我們也可以把自己的一部分記憶“外包”給互聯(lián)網(wǎng)。獲取資料