前言
本文將分享我的個人工作經歷，介紹自己選擇前端行業的考慮以及近四年的職業發展和技術規劃。在自己專業不佳的情況下，自己獲得了自己比較滿意的一個現狀。
個人簡介
我畢業的大學不是985、211，就普通的一本，專業是資訊管理與系統系下電子商務專業，，於2014年畢業，畢業後在一家創業公司一直從事前端，直到2017年7月離職。
薪資變化 ：從4.5k-16k;
職位變化： 從基層前端到下屬19人的前端技術團隊
備註：第一家公司薪資水平偏低，所以不建議與當前前端行業做同等比較。
個人線上技術手冊
作為個人技術積累以及學習的過程，我吧印象筆記裡記錄的幾千篇筆記慢慢的整理到了幾本技術手冊上，形成自己的知識拓撲圖，幾本在參加面試或者自己持續學習中起到了無法比擬的作用，對一些問題的認識以及積累超過一般中小公司前端leader的眼界。尤其在綜合能力涉及到管理，產品認知，團隊管理等角度。
技術棧
第一階段： 2014-2015年
背景：2014年前端的三大框架還沒普及，眾多中小公司的技術棧還是傳統的java-mvc模式，所以自己的技術棧也為了這方面做了充足的準備和學習。
技術棧內容：
- js基礎（js權威指南），前端基礎（w3c）,基本的瀏覽器相容--ie8（專案實踐）,移動端佈局基礎（百分比流式佈局），jq熟練使用，less前處理器的深度使用與推廣，css命名思想與規範的推廣
- javaee專案開發能力（腳手架基礎上無障礙開發），java介面設計以及開發，jeecms開發以及部署
- axure設計修改能力，ps基礎設計以及摳圖
- bootstrap（ui框架），easyui
- 微信公眾號配置以及開發
- 員工的任務分發與指導
第二階段： 2015-2016年
背景： 此時前後端分離已經變成趨勢，在我大力倡導的情況下，公司的重點專案做了技術重構，實現了前後端分離，並開始著重調研以及實踐前後端分離的技術棧。
技術棧內容：
- gulp/webpack構建流程以及優化
- 基於restful的介面化設計與分析
- 前端路由拆分與設計，模板引擎選型
- 前端ui元件與業務元件分析與設計
- 前端、設計、產品ued聯合推進
- 參與開發公司app內h5解決框架：rubik-x
- 著重公司級別的前端技術解決方案
- es6推廣
- vue技術棧
- web效能優化與策略
- 敏捷開發
- 員工的技術普及與宣教
第三階段： 2016-2017年
背景： 此時vue已經很成熟的唄使用，甚至react已經變成必備的技術棧，構建工具也從初始的不確定變成wapack一家獨大。
技術棧內容：
- ci持續整合
- nginx部署與配置
- 後端框架koa技術棧
- elmentui與mintui專案實踐
- linux常識
- nodejs基礎
- npm使用以及cnpm企業倉庫模組的管理與運維
- react技術棧
- 前端工程化體系設計
- js程式設計模式
- 員工職業發展
重點來了
如何做的職業規劃，又如何實現的職位和薪資的上升呢？
重點一 ：職業規劃
職業規劃需要在自己大三上擬出自己的大概3-5年的職業規劃，那還沒畢業你能規劃出什麼呢，下面給一些可行的建議。
- 將要從事的職業
- 將要從事或者有興趣的行業
- 近3-5年考慮的工作地點
- 意向公司
- 技術學習的曲線和內容
- 薪資&&職位的上升曲線
重點二 :性格測試與自我執行
很多人可能認為性格與自我職業選擇沒有關係，但這實際不對的。有人喜歡靜，喜歡出去結交朋友；有人喜歡宅，聽歌看電影，家裡宅一天；有人喜歡銷售，可以展現自己風采與口才；有人喜歡靜下來做匠心，比如文娛創作；當然也有很多人真的喜歡寫程式碼。
個人建議針對自己喜歡做的，而且執行下來卓有成效的方式進行記錄，在之後這將指引自己如何工作。
給大家舉個例子，我個人非常喜歡分享，而且喜歡和大家討論問題，幫別人解決問題。所以在自己做主管的過程中，將這點進行放大，同時也一定程度的執行自己的管理職責，這樣操作下來，自己覺得管理並不是壓力，而是自己得心應手的事情。
重點三 ：如何在職業中學習與展現自己
- 如何工作的時候學習相信很多人都非常苦惱？
因為大多數情況下，領導都在一致派給我們任務，我們一會在趕專案，無從學習，無從進步。 那麼建議你可以這樣試下： 1 分析自己完成一項工作的時間，所用的技能 2 橫向，縱向對比分析自己的進步，優點，缺點 3 與其他人分享，討論，其中記錄有效的工作技能和問題點和技術點 4 在自己的職業規劃中，抽出可以零碎時間學習並實踐的知識點 5 你需要印象筆記來記錄每天的日程，另推薦番茄工作法來指導分析自己。
- 入職之後你可能疑惑或者迷茫自己該做什麼 ？看下圖
- 如何展現自己？
重點四 ：如何學習前端
- 參考我另一篇文章：我是這樣學習前端的
更多
掘金技術徵文活動連結: juejin.im/post/5aaf2a…