一個(gè)無名前端的10年前端路

時(shí)間：2023-03-15 12:02:02 | 來源：電子商務(wù)

時(shí)間：2023-03-15 12:02:02 來源：電子商務(wù)

“Know your strengths, use them wisely and one man can be worth ten thousand.” – Little Finger
“知道你的長(zhǎng)處，并善加利用，一人就可當(dāng)萬人?！薄≈割^

也許是自己的關(guān)注點(diǎn)變了，也許是跟自己年紀(jì)相仿的同行都成了行業(yè)大牛，最近時(shí)?？吹揭恍┣岸舜罄械目偨Y(jié)分享，例如《工作10年談?wù)刋XX》、《在阿里做了五年技術(shù)主管，XXX》、《在阿里云做前端》、《XXX，前端專業(yè)方向的盡頭》等等。此類文章，我都一一拜讀了，果真受益匪淺，大佬就是大佬。

轉(zhuǎn)念一想，好像哪里不對(duì)，我特么也這么老了，怎么還這個(gè)鬼樣子？

本來不想寫什么文章的，既沒有改變?nèi)祟惖拿\(yùn)，又沒有什么轟動(dòng)行業(yè)的事跡，全是一些瑣碎的小事。

可是每每看到一篇類似10年總結(jié)的同行文章，仿佛都有一個(gè)人在問我：“你的10年怎么過來的？”，是啊，作為一枚寂寂無名的前端老菜鳥，我也是一天一天努力過來的，我的故事也有起承轉(zhuǎn)合，我的人生未嘗沒有跌宕起伏。

我的故事也許沒有那么轟轟烈烈，興許會(huì)有一點(diǎn)感同身受。

---

正文開始。

確定職業(yè)方向

時(shí)間回到 2007 年 7 月，一個(gè)懵懂的騷年從一個(gè)名不見經(jīng)傳的理工科學(xué)校畢業(yè)，邁出了健翔橋校區(qū)的大門，迷迷糊糊地加入了 IT 從業(yè)大軍。

我對(duì)所學(xué)的專業(yè)仿佛沒有什么概念（其實(shí)也是因?yàn)闆]學(xué)好...），只是聽說學(xué)計(jì)算機(jī)的好找點(diǎn)工作，待遇稍微高點(diǎn)。

感謝母校賞我口飯吃，憑著母校的小有名氣，成功進(jìn)入一家日企實(shí)習(xí)，直到轉(zhuǎn)正入職。

開始的一段時(shí)間什么都做，從后端的 PHP ，到宣傳廣告的設(shè)計(jì)，再到幫老板拎包，干的熱火朝天。剛接觸社會(huì)嘛，要踏實(shí)好學(xué)，多接觸一些東西也好。

畢業(yè) 1-3 年盡早確定自己的職業(yè)方向，少走彎路

大約 2008 年，偶然一次機(jī)會(huì)了解到有一個(gè) “網(wǎng)頁設(shè)計(jì)/美工” 的職位 有點(diǎn)意思，自己從小業(yè)余的寫寫畫畫，對(duì)設(shè)計(jì)方面的東西挺感興趣，于是埋頭研究起來。

研究從哪里入手呢？最初是從一些炫酷的網(wǎng)站下手，看看他們用了哪些 JS 和 CSS，借鑒過來。

知識(shí)倉庫：構(gòu)建并不斷更新自己的知識(shí)庫

知識(shí)浩如煙海，看到學(xué)到的東西存在腦子里容易忘，自己又比較笨，我選擇存入物理的知識(shí)庫。主要用到兩個(gè)工具：瀏覽器收藏夾，筆記軟件。

• 瀏覽器收藏夾同步：開始是人肉同步，導(dǎo)出導(dǎo)入文件，有了 Chrome 以后，用 Gmail 賬號(hào)同步，而后被墻了以后，需要不斷更換爬墻的梯子（找梯子成了程序員必備的技能，當(dāng)今更是）。
• 筆記軟件：最開始用的 Wiz 為知筆記，到后來的 有道筆記，Evernote 之類都有用過。

筆記可以用瀏覽器“剪藏”之類的插件，盡早做好知識(shí)分類，后期筆記又多又雜，怕是有心無力了...

業(yè)余時(shí)間充電：多看書，多實(shí)踐

剛畢業(yè)的時(shí)候，公司提供宿舍，那會(huì)也沒有 996 這個(gè)詞，下班以后和周末有大把的時(shí)間學(xué)習(xí)。公司不是花錢請(qǐng)你來學(xué)習(xí)的，這點(diǎn)需要明白。

• 盡可能減少上下班通勤時(shí)間。我現(xiàn)在更加感受深刻，現(xiàn)在通勤單程接近2小時(shí)，路上又?jǐn)D又亂，全心投入學(xué)習(xí)還是不容易。找個(gè)交通方便的住所，下班抽出1-3個(gè)小時(shí)學(xué)習(xí).
• 周末至少花一天充電。剛畢業(yè)一般各種負(fù)擔(dān)較少，一般單身，周末時(shí)間比較充裕，正適合花時(shí)間彌補(bǔ)工作所需技能，以及想提高的技能。
• 多看書，多研究別人的代碼。剛畢業(yè)時(shí)主要是研究別人的代碼，看看里面用了哪些知識(shí)，不會(huì)的補(bǔ)一補(bǔ)。當(dāng)今非常幸福了，各種前端書籍，各種前端周刊。

實(shí)體書 or 電子書

開始還不流行電子書，自從得知有前端相關(guān)書籍出版后，趕緊入手，如獲至寶。買的比較早的書是《精通 DIV + CSS》，《超越 CSS》。

我個(gè)人比較喜歡實(shí)體書，因?yàn)榭梢宰龉P記，把一些重點(diǎn)知識(shí)劃線，加批注，下次翻起來主要看劃線的，所謂把書讀薄。

當(dāng)然現(xiàn)在電子書閱讀軟件發(fā)達(dá)了，也可以做到。

買書建議：業(yè)界公認(rèn)大牛的書，肯定不惜重金買入，紅寶書之類。前端基礎(chǔ)類的直接通過網(wǎng)絡(luò)學(xué)習(xí)，現(xiàn)在文檔博客之類很豐富了，沒必要買書。一些知識(shí)點(diǎn)深入講解的書，復(fù)雜項(xiàng)目實(shí)踐的書可以買。我買的以英文翻譯書為主，當(dāng)然國(guó)內(nèi)大佬也有精品書。

愛好與工作的取舍

工作一段時(shí)間以后，可能會(huì)遇到一個(gè)問題，這是我的工作，但不是我的愛好。

• 把愛好當(dāng)工作：反正年輕，有大把時(shí)光，可以完全轉(zhuǎn)行干自己喜歡的，但是要能承受從0開始的壓力，甚至能忍受寂寞，全身心投入其中，有些大畫家生前也是窮困潦倒。
• 工作歸工作，愛好歸愛好：工作是拿我擅長(zhǎng)的技能換來收入，在不抵觸的情況下，可以慢慢培養(yǎng)興趣；愛好可以放到業(yè)余時(shí)間，你可以做碼農(nóng)里面畫畫比較好的。

不斷突破瓶頸

入行一段時(shí)間以后，會(huì)出現(xiàn)一個(gè)短暫的假象：日常的工作需求，我都能應(yīng)付了，稍微難一點(diǎn)的需求，通過搜索網(wǎng)絡(luò)及知識(shí)庫可以完成。是不是這行太簡(jiǎn)單了，不過如此？

深入學(xué)習(xí)，術(shù)業(yè)有專攻

職業(yè)前期是一邊打雜，一邊學(xué)習(xí)前端。對(duì)前端了解越多越感興趣，萌生了專職做前端的打算。于是換到清華的一個(gè)研究所，專做前端。

從兼容 IE6 的各種奇技淫巧，到 jQuery 生態(tài)的一派繁榮景象（jQuery 解救了當(dāng)時(shí)的前端，抹平了瀏覽器的兼容性），再到后來的模塊化編程（RequireJS，SeaJS）。

隨著老板們和用戶對(duì)用戶體驗(yàn)的需求不斷攀升，前端行業(yè)也越來越繁榮，也側(cè)面證明了自己的選擇是對(duì)的。

“拿來主義”，兼具好奇心

常說工作時(shí)間緊，有沒有庫可以直接用，工作之余有沒有保持一顆好奇心呢？jQuery 插件那么多，有沒有試過自己寫一個(gè)？插件機(jī)制利用了 JS 的什么特性呢？都用模塊化 RequireJS，它是基于 什么思路實(shí)現(xiàn)的呢？

以此類推，我們每天熟練使用的技術(shù)，背后的原理都可以研究研究。

掌握最核心的技術(shù)

前端發(fā)展快，大家都有體會(huì)，3天出一個(gè)前端框架，5天出一個(gè)打包工具。所有新出的技術(shù)都要跟風(fēng)嗎？人的精力還是有限的。

• 夯實(shí)基礎(chǔ)：前端最基礎(chǔ)的就是 HTML，CSS，JavaScript，先掌握最核心的，然后一點(diǎn)一點(diǎn)延展到 HTML5，CSS3，ES6，然后是 Vue，React，再然后可能是一些工具類或跨端的知識(shí)。
• 慢慢補(bǔ)補(bǔ)算法，設(shè)計(jì)模式：設(shè)計(jì)到一些復(fù)雜場(chǎng)景還是需要的，你看 React，Vue 里面又是設(shè)計(jì)模式，又是算法的。

盡早進(jìn)大平臺(tái)

不斷努力，爭(zhēng)取盡早進(jìn)大平臺(tái)，因?yàn)?b>那里有技術(shù)規(guī)范，技術(shù)大牛，更復(fù)雜的技術(shù)場(chǎng)景。

我也是比較幸運(yùn)，2010 年擠進(jìn)了新浪一個(gè)叫微博的新業(yè)務(wù)部門，當(dāng)時(shí)仿佛打開了另一扇窗，周圍厲害的人很多，進(jìn)步也快。

不怕被罵，多向身邊的人學(xué)習(xí)

一般成熟的公司都會(huì)配一個(gè)導(dǎo)師帶你，有不會(huì)的就問，但是要經(jīng)過自己反復(fù)思考以后再問，同樣的問題切記問第二遍。我現(xiàn)在還記得當(dāng)時(shí)大佬說我怎么那么笨，但也無妨。

大家共同維護(hù)一個(gè)項(xiàng)目，抽空可以看看別人代碼為什么那么易讀？他的設(shè)計(jì)思路為什么那么好？，慢慢汲取學(xué)習(xí)，轉(zhuǎn)化為自身的能力。

拓展知識(shí)面，開闊眼界

多關(guān)注技術(shù)博客，開發(fā)者社區(qū)

前端車輪滾滾向前，前端技術(shù)日新月異，一味的閉門造車，不關(guān)注行業(yè)形勢(shì)，很快就會(huì)被淘汰。

• 技術(shù)博客：一些書里有大牛的博客地址，行業(yè)公認(rèn)大佬的博客，知名企業(yè)的團(tuán)隊(duì)博客等等
• 開發(fā)者社區(qū)：MDN，MSDN，Stack Overflow，掘金等等
• 行業(yè)周刊：國(guó)外的 JavaScript Weekly 之類，國(guó)內(nèi)的奇舞周刊，前端早讀課之類

不斷走出舒適區(qū)

順應(yīng)大趨勢(shì)，著眼未來

隨著閱歷的增多，我們對(duì)行業(yè)的理解越深，自身未來的方向越清晰。

前端不斷發(fā)展，所觸及的領(lǐng)域也越來越廣，比如前端可視化，Web Game，IoT，Mobile Web，Node.js，跨平臺(tái)應(yīng)用（Electron，React Native）等等，我們不可能面面俱到，需要選定方向。

我個(gè)人隱約感覺到手機(jī)設(shè)備的興起會(huì)影響移動(dòng)互聯(lián)網(wǎng)的發(fā)展，離開微博后去了一家挪威的瀏覽器公司，他們?cè)诒本┯蟹止尽?br>
后來幾年從 Mobile Web，到 Hybrid App，再到 React Native，我都是圍繞移動(dòng)端方向做研究的。

程序員的英語很重要

從最初接觸前端，只能搜一些英文文章，硬著頭皮翻字典；到直接讀英文文檔及書籍，也經(jīng)歷了一個(gè)漫長(zhǎng)的磨練。

我個(gè)人是在瀏覽器公司的時(shí)候，有些郵件和 bug 系統(tǒng)需要用英文；以及有幸加入 HTML5 中文興趣小組，給 Kenny 大神和子斌打雜，翻譯了一點(diǎn) W3C 的文檔；還有就是 Dev.opera 的大神文章要翻譯放到國(guó)內(nèi)，以上幾個(gè)途徑練習(xí)了一下英文。

此外，我郵件訂閱了國(guó)外的幾個(gè) FE Weekly，每周看看，偶爾把一些翻譯分享到自己的博客。

有些場(chǎng)景推薦直接讀英文

• 一些翻譯文章可能摻雜了譯者的個(gè)人理解，翻譯水平參差不齊
• 非官方的文檔翻譯，可能存在版本滯后的問題
• 直接讀英文的一手文章，消息獲取更快

拓展人脈，接觸大佬

一般拓展人脈，接觸大佬有幾種方式

• 公司內(nèi)的技術(shù)分享：會(huì)有一些干貨，順便跟周圍同事聊聊。
• 參加行業(yè)大會(huì)：類似 HTML5 峰會(huì)之類的，現(xiàn)在前端會(huì)議更豐富了。除了聽聽知名公司的大佬分享，一般能見到老同事，也許會(huì)引薦一些新朋友。
• 公司離職群：離開一家公司，不錯(cuò)的同事時(shí)常保持聯(lián)系，大家散落在互聯(lián)網(wǎng)江湖里，沒準(zhǔn)哪天就是你的 Leader 了。

當(dāng)然如前文所說，大平臺(tái)大公司，可能大佬就坐在你周圍，盡可能的學(xué)習(xí)他們身上的優(yōu)秀品質(zhì)。

做技術(shù) or 做管理

工作再久一些，一般會(huì)面臨一個(gè)選擇，繼續(xù)做技術(shù)還是做管理？網(wǎng)上的分析文章估計(jì)不少。

個(gè)人感覺可以從以下方面考慮：

• 個(gè)人性格：如果比較外向，善談，擅長(zhǎng)與各種人溝通，善于協(xié)調(diào)各種關(guān)系，可以做純管理；如果偏內(nèi)向，不喜歡被各種溝通、協(xié)調(diào)、會(huì)議所累，善于解決實(shí)際問題，可以做技術(shù)專家
• 成就感來源：如果是管更多人，可以考慮純管理；如果是管更多的事，解決更多的實(shí)際問題，可以走技術(shù)路線。

我個(gè)人而言，這幾年朝著技術(shù)加管理的路線努力，我還是對(duì)前端技術(shù)保持熱忱的。

小黃車海外事業(yè)部的經(jīng)歷給我印象深刻，遇到一群十分有激情，出身很優(yōu)秀的人一起奮斗。從0到1組建前端團(tuán)隊(duì)，到一切步入正軌，再到各奔東西，雖然公司的命運(yùn)我們左右不了，但是我們的努力得到了收獲。

工作之外

人生有不同的階段，一般都會(huì)經(jīng)歷娶妻生子的階段，等到了上有老下有小的年紀(jì)，工作不只是你生命的全部，必須合理分配時(shí)間到其他事情上。

工作與家庭

• 老婆和孩子：正常工作時(shí)間可以加班加點(diǎn)，周末至少有一天陪家人，尤其孩子小的時(shí)候，不要因?yàn)楣ぷ髅?，錯(cuò)過了寶寶的成長(zhǎng)。
• 父母：同理，周末或者節(jié)假日，盡量多陪陪父母，可以帶他們出去轉(zhuǎn)轉(zhuǎn)，看看外面世界；多關(guān)注下他們的健康。

工作與健康

年輕時(shí)欠的債，正當(dāng)壯年的時(shí)候就該還了，我是體會(huì)到了。

之前他們開玩笑說，職業(yè)路線是從初級(jí)，高級(jí)，資深，專家，到頸椎病防治之類的，其實(shí)可能是真的；年輕時(shí)狂加班，不注意鍛煉、飲食，透支身體，欠身體的債終究得還。

年輕時(shí)還是應(yīng)該多鍛煉，健康飲食，小的疾病盡早治療。

我今年的首要任務(wù)成了治療過敏性鼻炎，控制血糖，只有身體健康了，才能撐起照顧整個(gè)大家庭的重任。

---

一轉(zhuǎn)眼，畢業(yè)10年多了，每個(gè)人都有自己的10年，至于有名無名看大家的心境了。我有自己的規(guī)劃，能看清自己的未來，一步步成長(zhǎng)，閱盡人間春色就夠了。

Power resides when men believe it resides. It's a trick, a shadow on the wall. And a very small man can cast a very large shadow.
權(quán)力只有在人們相信它存在的時(shí)候才存在。這是一種騙術(shù)，是墻上的一道影子。而一個(gè)很小的人可以投射出一道很巨大的影子。——瓦力斯