一位00後前端2年經驗的成長曆程

前言

到如今，距離我18年5月份入職，已通過去2年了。

沒錯，我就是一位00後前端。2001年出生的我，從18年5月份到如今一直在開源中國任職。目前在Gitee私有化部門擔任前端開發一職，負責規範制定，技術攻關，人員招聘和需求開發。

萌新報道

18年5月份，我經過社招來到開源中國。剛入職時，仍是一枚實習生萌新。團隊先後端一共6我的，當時是在作 「開源衆包」 平臺。

我依稀記得，我入職不到一個月，就被領導推上來作IM聊天模塊，對接網易雲信的SDK。當時獨立開發加班接近一週，其中手動實現了下拉刷新/上拉加載。最後終於帶着bug上了線。

這是我負責過的第一個小模塊。

當時上線後，我還記得由於混用Vue生命週期，而致使各類死循環渲染的問題。最後是團隊的一位後端大哥，幫我一塊解決的問題。

入職半年，我逐漸適應了一個公司的正常開發流程。除了前端，還接觸到了JIRA，Jenkins這些敏捷開發效能工具。也瞭解到除了生產環境還有一個 「預發環境」（uat）。包括產品經理的需求評審會，任務拆分，時間規劃等等。

這些工具和流程的出現，使個人思惟徹底實現了一個大的轉化。這也爲我往後作Devops工具鋪了路。

初識工程化

若是按照工具劃分的話，我接觸到最先的前端工程化工具應該就是Webpack了。 在我入職osc以前，我在北京某機構參加Java培訓。自學前端時，當時想嘗試學習Webpack。但由於沒有好的資料，致使一直沒有學會學懂。

到後來我入職osc，公司項目用的是Vue-cli2。cli2的webpack配置都是eject出來的，不像cli3那樣高度內聚。好處在於配置更靈活，難點在於很差上手。

也正是配置項所有暴露了出來，我得以見到一個項目的webpack配置究竟是長什麼樣子，能夠更細緻地學習。

我經過修改項目的配置，用「控制變量法」來看配置項和輸出文件的關係。漸漸的，我對那些配置逐漸瞭解和熟悉了起來。這也使得我在團隊的價值愈來愈重要。

就這樣迭代到18年9月份。一次迭代上生產的過程當中，團隊的leader發現Jenkins 的slave 節點node進程跑滿了CPU和RAM利用率，通過幾回編譯都會掛掉。

這也萌生了我對前端項目「拆分」的思考。若是拆開，webpack不打那麼多bundle，或許機器編譯速度就會加快，資源佔用也不會那麼高。

因而我就準備開始思考怎麼進行拆分。最後本身創造了一種 「模塊拆分法」。即將業務拆分紅不一樣的模塊，而後託管到本身的npm私服上面去。最後打包的時候，再進行組合。這和後面「微前端」的概念有點像（這時候我沒接觸過）

後面寫了個demo，居然還跑通了。當時激動的我買了一瓶啤酒，發了一條朋友圈慶祝了一下

當時也沒接觸過微前端這個東西，也沒了解過lerna。手上只有一個快跑不動的項目和一個npm私有庫。

後來認識了fcc濟南社區王軍大哥。他熱烈地邀請我去fcc濟南線下沙龍分享一下這塊的思路。18年11月份，我前往濟南作這塊知識的分享，最後還拿了一個榮譽證書。

進軍Webpack

轉眼間到了19年的1月份，你們都沉浸在新年的氣氛中。

年前，我突發奇想，想着把前端項目的webpack從v3升級到v4試一試（畢竟我看當時的change log挺香的）。我就在年前和leader說了這個想法。

領導主要擔憂升級完的打包文件會有區別，容易出bug，當時我也是這麼想的。但領導仍是願意放權給我去作，讓我去嘗試。

我就在春節放假期間，大年三十晚上還在調試webpack配置。

嘗試原地更改版本升級，報錯。更換配置，報錯。推了重來，報錯，，，就這樣嘗試了快一週的時間，從白天到深夜一直調試配置。。期間只有我和電腦，還有一個webpack文檔（最坑的是有些插件合併到了api 和插件改名: 如代碼壓縮 css分離）。 最後終於跑了起來，全部樣式邏輯所有跑通。

借這機會，我加深了對webpack的理解。就這樣，我也拿到了人生的第一個績效獎金。

迭代

4月份後，我就去作CI/CD了，從構建部署製品庫依賴庫樣樣俱全。

產品迭代了接近6個月。中間不斷地開發，迭代。。一幫沒有相似經驗的新手，逐漸地開始對這部分領域熟悉了起來。。

微前端

11月，我接到通知，要將現有產品作微前端改造。我去請教 百度網盤濤哥，搜遍了整個Google，最後熬了n個夜，最後終於跑了起來，實現了上線。

這裏附一個我寫的微前端文章

新徵程啓航

20年初，公司戰略要求，咱們開始和百度團隊合做。團隊研發人數也從剛入職的 6人，變成8人，到如今的20人+。我也從一個實習生，變成了團隊的「老人」

5月份，我開始抓前端團隊協做開發流程標準化，代碼規範化。這是Q2季度我我的OKR的目標，也是團隊發展的一個方向。目前文檔，代碼規範，提交規範都已經編寫完成，內測反饋還算良好。

和百度團隊合做以來，接觸到對方的代碼規範，性能優化監控，協做流程，不少地方真的大開眼界。也不由感嘆不愧是大廠。

因此我也藉此機會，梳理了我我的Q2季度的OKR

須要感謝的人

2年以來，特別感謝 FCC濟南社區的王軍大哥，他對個人經歷表示驚訝並表示讚歎。還有一直在對我源源不斷的鼓勵。

還有leader對職能的放權和對個人信任，讓我能成長如此快速。

劉博文：博文大哥是我在買書的時候見到的，後來查詢後發現經歷有不少類似。通過朋友介紹加了聯繫方式，也給了我不少的鼓勵和安慰，是個人人生髮展的目標。也祝賀他拿到了阿里p7。

張仁陽和姜文老師：兩位前端dalao。知識淵博，經驗豐富。邀請我2次參與分享，屢次對我進行鼓勵，並對我產生了很大的指望。

若川：若川dalao經驗豐富，學到了不少前端相關的知識。

張亞濤：學長，百度網盤架構師，很強的一個大牛。尤爲在微前端方面有所造詣

子弈：一次偶然機會，認識了他。是個很是幽默，經驗豐富的前端dalao。目前在政務釘釘，內推能夠找他

還有好多人須要感謝。。鑑於篇幅，就不一一列舉了。

將來

個人計劃是，要精進React框架，包括redux router等。Linux是我一切的起源，必定要達到專業級別。還有咱們最拿手的工程化。。。還有算法。。計網。。一切我感興趣的知識，都要學會學透掉

但願將來3年經驗的時候，比如今優秀1倍。咱們正年輕，加油