學(xué)習(xí)技術(shù)要執(zhí)著但也不能太執(zhí)著
作為程序員，我們會(huì)用到很多的技術(shù)，這些技術(shù)涉及到不同的領(lǐng)域，而每一個(gè)領(lǐng)域都有很大的可以深挖的空間，那我們學(xué)習(xí)的時(shí)候怎么在深度和廣度的做抉擇呢？
我的觀點(diǎn)是在一個(gè)領(lǐng)域持續(xù)深入，成為這個(gè)領(lǐng)域的專(zhuān)家，但對(duì)其他的領(lǐng)域也要做一些了解，也就是成為一專(zhuān)多能的 T 型人才。這樣既能保證較高的競(jìng)爭(zhēng)力，也有擴(kuò)展其他方面的可能性。
我們的晉升路線(xiàn)也是這樣的，p7 的定位是領(lǐng)域?qū)＜遥簿褪且谝粋€(gè)領(lǐng)域有比較體系化的認(rèn)知和沉淀，但是 p8、p9 則需要對(duì)整個(gè)前端領(lǐng)域的技術(shù)和發(fā)展都有比較好的認(rèn)知，也就需要廣度，先深度后廣度的學(xué)習(xí)路線(xiàn)也更利于晉升。
但是持續(xù)深入某一個(gè)領(lǐng)域也不是一件容易的事情，有兩個(gè)主要的問(wèn)題，下面我拿我自己來(lái)舉例說(shuō)明下：
在某個(gè)領(lǐng)域越深入，學(xué)習(xí)越費(fèi)力
我剛開(kāi)始學(xué) babel 插件的時(shí)候，看官方插件手冊(cè)，感覺(jué)啥都是新的知識(shí)，學(xué)的很快，但是當(dāng)我想找一個(gè)真實(shí)場(chǎng)景的應(yīng)用案例的時(shí)候，文檔中卻沒(méi)有，網(wǎng)上也幾乎沒(méi)有這方面的資料，我不得不自己去探索各種場(chǎng)景下用 babel 插件來(lái)做自動(dòng)化的可能性，后面就梳理出了業(yè)務(wù)方面的自動(dòng)埋點(diǎn)、國(guó)際化、生成 api 文檔的應(yīng)用，還有在工具方面的 linter、type cheker、壓縮混淆等的應(yīng)用。剛開(kāi)始學(xué)習(xí)這個(gè)領(lǐng)域是很快的，但是后來(lái)需要自己探索的部分進(jìn)度卻很慢。
其實(shí)很多領(lǐng)域都是這樣，大多數(shù)資料都停留在淺水區(qū)，入門(mén)的話(huà)學(xué)的很快，感覺(jué)進(jìn)步飛速。但是當(dāng)你逐漸深入的時(shí)候，可參考的資料會(huì)越來(lái)越少，甚至逐漸進(jìn)入無(wú)人區(qū)，這時(shí)候你會(huì)感覺(jué)費(fèi)了很大的力進(jìn)度卻很慢，會(huì)感覺(jué)到痛苦，但是這確實(shí)成為領(lǐng)域?qū)＜冶仨氁?jīng)歷的階段，需要一些韌性或者說(shuō)執(zhí)著來(lái)扛過(guò)去，繼續(xù)深入。過(guò)了這段時(shí)期之后，你才能建立技術(shù)壁壘，可以說(shuō)自己是這個(gè)領(lǐng)域的專(zhuān)家了。
在某個(gè)領(lǐng)域做久了，同質(zhì)化的內(nèi)容越來(lái)越多
還是拿我自己來(lái)舉例，我是想在前端編譯方面持續(xù)深入，直到寫(xiě)一本書(shū)的。我的打算是 babel、eslint、typescript compiler api、postcss 甚至 swc 都要單獨(dú)寫(xiě)一本小冊(cè)，然后整理成書(shū)。
剛開(kāi)始研究 babel 插件的時(shí)候，感覺(jué)收獲很大，因?yàn)楦鞣N知識(shí)都是新知識(shí)。但是后來(lái)逐漸研究了別的一些工具之后，會(huì)發(fā)現(xiàn)同質(zhì)化現(xiàn)象越來(lái)越嚴(yán)重，收獲也越來(lái)越小。
babel 插件是做代碼轉(zhuǎn)換的，基于 AST 做分析和增刪改。
eslint 插件是做代碼的靜態(tài)分析和格式檢查的，也是基于 AST，只不過(guò)因?yàn)?AST 中保留了 token 信息，能夠做格式的檢查，比如行列號(hào)、空格這種。然后生成代碼也不是基于 AST 打印，而是直接做的字符串替換。和 babel 插件的不同只在于能夠檢查格式以及生成代碼的方式不同，其余的地方是類(lèi)似的、同質(zhì)的。
typescript compiler api 是做 ts 到 ts 的轉(zhuǎn)換的，也是基于 AST，相對(duì)于 babel 插件來(lái)說(shuō)，能夠生成 ts 代碼，這點(diǎn) babel 插件做不到，而且還能做類(lèi)型檢查。其余的方面也是同質(zhì)的。
postcss 插件和 babel 插件的作用差不多，只不過(guò)針對(duì)的是 css 領(lǐng)域，很多東西也是同質(zhì)的。
當(dāng)你在一個(gè)領(lǐng)域持續(xù)研究的時(shí)候，就會(huì)發(fā)現(xiàn)很多東西都是類(lèi)似的、同質(zhì)的，新的東西越來(lái)越少。這也是不可避免的事情，需要一些韌性或者說(shuō)執(zhí)著來(lái)扛過(guò)這段時(shí)期。
所以說(shuō)，如果你想在一個(gè)領(lǐng)域持續(xù)深入，度過(guò)剛開(kāi)始的快速成長(zhǎng)期之后，不可避免的會(huì)遇到資料越來(lái)越少、學(xué)習(xí)越來(lái)越費(fèi)力的問(wèn)題，以及同質(zhì)化內(nèi)容越來(lái)越多的問(wèn)題，你需要一些執(zhí)著來(lái)忍受這些，繼續(xù)深入，之后才能成為這個(gè)領(lǐng)域的專(zhuān)家。
但是，雖然說(shuō)對(duì)技術(shù)要有一定的執(zhí)著，也要有限度，職業(yè)邊界之外的技術(shù)作為興趣來(lái)了解即可。
還是拿我來(lái)說(shuō)，我發(fā)覺(jué)前端領(lǐng)域的編譯技術(shù)只是源碼到源碼的轉(zhuǎn)譯器（transpiler），涉及不到解釋器 （interpreter）和編譯到字節(jié)碼或機(jī)器碼的編譯器（compiler）。所以才會(huì)想著去華為做編程語(yǔ)言，去深入學(xué)習(xí)編譯器、解釋器這種編譯技術(shù)，但是最終那邊也沒(méi)去成，阿里的工作也丟了。
后來(lái)想了想，作為前端工程師，想學(xué)習(xí)編譯技術(shù)的話(huà)，能把各種 transpiler 學(xué)好就足夠了，至于編譯器、解釋器這不屬于前端工程師的 scope 了。作為興趣來(lái)了解，那是非常好的，但是如果想進(jìn)一步深入，反而沒(méi)必要，代價(jià)很大，對(duì)前端工作也沒(méi)啥幫助。
所以說(shuō)，我們要在某個(gè)領(lǐng)域持續(xù)深入，但也要注意邊界，深入到職業(yè) scope 的邊界就可以了，邊界之外的事情，可以做了解，沒(méi)必要過(guò)度深入。
總結(jié)
作為工程師，最好的學(xué)習(xí)路線(xiàn)是先深度后廣度，這樣也更利于職業(yè)的發(fā)展。
想在某個(gè)領(lǐng)域持續(xù)深入的話(huà)，剛開(kāi)始成長(zhǎng)是很快的，但是會(huì)慢慢遇到資料越來(lái)越少，學(xué)習(xí)越來(lái)越費(fèi)力的問(wèn)題，會(huì)遇到很多技術(shù)的同質(zhì)化，新的東西越來(lái)越少的問(wèn)題，需要一些執(zhí)著來(lái)度過(guò)這段時(shí)期。
但是對(duì)技術(shù)的執(zhí)著要有個(gè)限度，到達(dá)職業(yè) scope 的邊界即可，邊界之外的事情可以做為興趣了解，但沒(méi)必要過(guò)度深入。
也就是說(shuō)，學(xué)習(xí)技術(shù)要有一定的執(zhí)著但也不能太執(zhí)著。
往期推薦
解密初、中、高級(jí)程序員的進(jìn)化之路（前端）
程序員一定會(huì)有35歲危機(jī)嗎？
近 20k Star的項(xiàng)目說(shuō)不做就不做了，但總結(jié)的內(nèi)容值得借鑒
但凡早知道這28個(gè)網(wǎng)站，都不至于學(xué)得那么不扎實(shí)
如果你覺(jué)得這篇內(nèi)容對(duì)你挺有啟發(fā)，我想邀請(qǐng)你幫我三個(gè)小忙：
點(diǎn)個(gè)「在看」，讓更多的人也能看到這篇內(nèi)容（喜歡不點(diǎn)在看，都是耍流氓 -_-）
歡迎加我微信「huab119」拉你進(jìn)技術(shù)群，長(zhǎng)期交流學(xué)習(xí)...
關(guān)注公眾號(hào)「前端勸退師」，持續(xù)為你推送精選好文，也可以加我為好友，隨時(shí)聊騷。
如果覺(jué)得這篇文章還不錯(cuò)，來(lái)個(gè)【轉(zhuǎn)發(fā)、收藏、在看】三連吧，讓更多的人也看到~
