轉行前端第二年

爲何會有這篇文章？

1. 需求來源於我本身，我很想看看，你們都是怎麼一步步走過來的，有時候對你幫助最大的不是一個10年老鳥，而是領先你一點點的學長
2. 前端的分岔路愈來愈多，好迷茫，將心比心，因而有了這篇文章，也許多年後，我會嘲笑如今的本身，那又怎麼樣？此刻我只想將我本身刻盤

承上啓下

long long ago...寫了這篇 轉行辛酸史的開篇，本身回看了一下，感受寫的還行哈哈，即便有些不成熟，我也不會去改，由於那就是那一刻真實的我（除非明顯的誤導性錯誤）

這是我轉行的第二年，也是第二篇，本文沒有吸引人的標題，只是默默地延續個人成長之路，因爲前端愈來愈龐大，我也時常會迷茫，我是誰？我在幹嗎？我想要什麼？

謹以此文記錄成長，總結完善知識體系，查漏補缺，能幫到一些人就更好啦(記得點贊哈哈)

一向的流水帳

本文仍是以軟文的形式，讓大家輕鬆愉快的感覺一下某隻程序猿的一年

1. 主線任務——公司爲主，工做第一
2. 支線任務——找準基點，自我拓展
3. 平常任務——蜻蜓點水，每日三省吾身
4. 歷練任務——滄海一粟，持續學習

1.主線任務

• 遊戲也好，工做也好，主線任務必須作，不作就升不了級（吃不起飯）啦；
• 因爲各類緣由吧，應該能夠從個人第一篇文章中找到蛛絲馬跡，我但願個人前三年是不同的三年，因此第二份工做涉及的技術棧是以前徹底沒有經驗的，包括如今的第三份工做；
• 爲了延續性，前情摘要：第一年咱們正式轉行前端，主要使用jq、bs等傳統框架類庫作着mvc模式的項目，還涉及了mui混開app，H5自適應佈局，自學了vue等

主線任務沒有偏離個人指望值，那時候小程序，vue相繼大火，這是我必須掌握的技術棧，能在主線中進階是多麼棒的一件事，不過機會是留給有準備的人的，剛開始我也是瘋狂補相關知識，不能由於小程序簡單就自覺得是，作好本職工做是基本素養，因爲我家離公司較遠，基本地鐵坐到頭的樣子，剛開始就在地鐵上看各類小程序視頻，主要看看開發流程，發佈流程，調試技巧，坑點等等，有些東西不是你學不會，而是你不知道，對待未知的事物，每每是恐懼多一點，我喜歡掌控的感受

---

第一個任務
來到新公司，第一個任務就是作一個小程序+app的項目，用原生微信小程序和vue作，這2個都沒有經驗哈哈，這酸爽～

1. vue上文提到過，自學過一段時間，使用cdn引入的方式作過東西，工程化也嘗試過，就是對webpack的各種配置不甚其煩，那時候好像才2.x，轉眼3，4都出來了
2. 實踐出真知，一邊看文檔一遍搞起，基礎配置模版都配好了，就是依葫蘆畫瓢，艱難的就是動不動就編譯報錯，語法錯誤？路徑問題？看到如此複雜的工程目錄也很慌，其實熟了也就那樣了
3. 微信小程序算是最簡單的技術棧了吧？總結一句就是有啥用啥，雖然坑多，可是多看看文檔你就知道你能作什麼，不能作什麼；不像web海洋那樣廣闊，每每不是不能作，而是你不會或不知道，真是糟糕！

2，3，4，5......
後面茫茫多的主線任務，就不羅列了，意義不大，反正就是以微信小程序爲主，vue爲輔；
學到了什麼？
剛開始來公司，是作定製項目，讓如今的我來講，能夠說沒學到什麼！什麼是定製項目？就是一我的搞一個項目，客戶給出要求，本身隨意發揮，無論用什麼手段快速完成就行，因爲這種心態/時間/氛圍，長期來看對編程是沒有任何好處的，在當時的好處就是熟悉了技術棧

轉折點——轉作產品項目
因爲公司產品開始賺錢了，鼓勵你們轉向產品開發，接下來差很少8個月時間，主要是搞小程序產品

• 心態轉變：從客戶要求什麼，就改什麼，轉變爲我作什麼，客戶就用什麼；爽不爽？
• 自我完善：再也不像定製同樣，基於一個模板，作一個扔一個，下一個又重頭再來，我就是那個作模板的；終於有時間對一類問題深刻研究，比較實現方案，思考改進空間，測試性能
• 團隊協做：使用svn協做開發，以前雖然研究過不少前端開發規範，css模塊化，vue指南，小程序風格等等，彷佛沒用上，只有多人協做才能深入的意識到規範的重要性，存在即合理！

主線任務獎勵：業務邏輯代碼能力（產品定位所致，後面展開細說）

2.支線任務

作一個有心的人，支線任務不像主線同樣，會被要求去作，支線任務就是愛作不作，做爲主線的補充，確定是有大大的好處，甚至彩蛋！
何時作支線？
玩過遊戲的人都知道，每一個等級段總有一段時間主線作完了，只能死肝的；此時不作，更待什麼時候！一波需求結束，改bug期間～
怎麼接支線任務？
圍繞主線，橫向拓展，縱向發掘，不要以爲無聊就跑去玩別的遊戲哈～

舉個栗子：公司正在如火如荼的推動微信小程序產品，某一天，A同事不是很忙，打開react官網，愉快的敲起了示例代碼，被主管看到了，噴他遊手好閒（對此我以爲仍是須要尊重領導和公司的價值觀）

so～咱們的支線任務應該是打開小程序文檔/指南/開發者社區，逛一逛，看一看，分享一下個人支線任務吧：（原本打算寫不少的，好比自定義組件，custom頭部和底部導航等等，寫文章確實費勁，哎，懈怠了）

1. 小程序生命週期——小程序探索
2. 深刻理解小程序中的數據——小程序探索
3. 玩轉小程序轉發——小程序探索

支線任務獎勵：深刻理解MVVM模式原理（仍是那句話基礎很重要，要透過現象看本質，你小程序作透徹了，vue對你來講就是份規範文檔，反之累死累活被框架牽着走）

3.平常任務

萬事開頭難，要善始善終，堅持是最難的，綜上所述沒有簡單的，幹就完事了！

你是否是覺得平常任務，應該是天天看一篇文章，或是寫幾行代碼啥的？
emmm，個人平常就是吹逼而已，畢竟教學相長，會的就告訴人家，不會趕忙小筆記，吹出去的逼想着補起來，僅此而已；迴歸正題，確實這一年沒怎麼看書，有點遺憾，只有地鐵上零零碎碎、蜻蜓點水看了不少公衆號文章，不知道有多少長進，大概回憶一下，列一下吧：

1. 木易楊的面試進階題壹題
2. winter的《重學前端》
3. 還有茫茫多的蜻蜓點水就不列舉了，接觸的東西越多越迷茫，建議你們按照下圖（不算打廣告吧？）去梳理一下本身的知識體系，我一直強調基礎和看書，真心以爲看枯燥的書才能沉澱出本身的東西，別人的心得只能算是一番交流，一種鼓勵，一個方向

居安思危
平常吹逼的時候要自信，我天下無敵，吹完逼以後要認真審視本身，有大佬建議每一年出去面試3次以上，讓市場檢驗你的價值，我以爲是可行的，就是我懶而已，還有就是小地方就這麼幾家公司，怪很差意思的

平常任務獎勵：讓本身保持激情，天天進步一點點

4.歷練任務

首尾呼應，開頭說了，我但願個人三年是不同的三年，因此作好本職工做並深刻以後，就該進軍下一站了吧。這一次我把目標定爲了nodeJs/react，而我如今也如願進入了這樣的公司，1年後又是一篇好文哈哈哈

國際慣例：感謝看我廢話的童鞋，分享一下個人靜態博客文檔，以爲有用的給這篇文章點個贊哈，如上圖，不斷完善中，已加入平常任務中（ github的 star 就算了，話說如今github一顆星都沒有，努力方向又有了。。。）

我的網站：一直想作一個的（作什麼是個大難題），服務器和域名買了1年了，一直閒置，心疼ing，因而先用vuepress搭了一個靜態文檔，先放在github上，伴我成長，目前實現了axios跨域請求，服務器也配了https，使用nodejs提供接口，使用puppeteer爬取數據，使用七牛雲作圖片存儲等等，敬請期待。。。

歷練任務獎勵：做品就是最好的簡歷（在此以前，我還學了php，yii，mysql等試圖打開後端的大門，最終考量仍是走上nodejs這條不歸路哈哈，畢竟都是js，typescript補全靜態代碼分析）

總結過去

總的來講，我感受第二年的成長沒有第一年那麼多，實際應該不是這麼回事，第一年學東西很費勁，學完頗有成就感，並且作的東西繁雜，有了天下無敵的錯覺；而第二年算了入門了吧，看到新東西不慌了，接受的也相對較快，可以觸類旁通，卻被前端龐大的生態一次次按在地上摩擦，一個知識點背後有無數個支撐，就像node_modules的依賴同樣，須要一層層剝開，所以感受本身啥都沒學會，淹沒在了知識的海洋～此時就本身騙本身好啦：相信付出總有回報！

第一年vs第二年

1. 第一年主要是單打獨鬥，無中生有，對於我的綜合能力提高幫助比較大，沒有退路，想用新技術必須本身頂風冒雨去踩坑，墨守成規就本身噁心本身，全憑本身選擇，須要對接銷售/客戶/客服等等，雖然工資很低，從頭幹到尾，切片-前端佈局-後端數據-後臺資料-服務部署-測試發佈，仍是感恩這個機會，感恩努力的本身～
2. 第二年彷佛改變了不少，客服的事情，如帳號平臺申請，資料錄入徹底沒有個人事情，也不讓技術參與，先後端徹底分離，只管作好前端的事就好！

• 得益於先後端分離，大部分業務邏輯都交給前端來作了，所以這一年最大的成長就是寫業務邏輯代碼，同時提升了js能力
• 補全簡歷上vue和小程序技術棧，還作過基於vue和echarts的2D大數據分析平臺，因此canvas及3D渲染這塊版圖也要找時間補上
• 沒有比較就沒有傷害，相比第一年，我感受css能力落下了不少，上文提到的產品定位是以功能爲主，實現基礎模板，再加上小程序的包體積限制，直接不容許寫特效和第三方插件；前端沒有了酷炫，跟鹹魚有什麼分別？

總結：基礎纔是最重要的，技術棧只是表現形式，明確本身想要什麼，獲得了什麼，失去了什麼

展望將來

接下來，天然又是新一輪的打怪升級，貼一張根據主線任務暫定的規劃吧，能夠看到這份腦圖仍是以鞏固基礎爲主要目的，這一年要補上去年沒看的書，儘量多的閱讀優秀源碼，站在巨人的肩膀上觸類旁通！同時但願以紮實的基礎爲基石，多思考多創新，產出更多做品，最近也倒騰了很久git高級操做，爭取參與到優秀的開源項目中去...

結尾

前端就是兩座金字塔人才分佈是正三角，知識面是倒三角，徹底符合大天然良性發展規律，你們努力攀登吧，前端路上You are not alone！也以此文勉勵本身，總結過去，走向將來！