轉行前端一年大概是什麼水平

水平「僅供參考」

你極可能是經過搜索找到這篇文章的。

剛入行那會兒，整個小團隊就我一隻前端。我沒有參考座標系，不知道本身水平是什麼程度，不知道你們是什麼水平，更不知道就業市場對一年工做經驗的要求是怎樣的。那種感受，就像是高三了，全班只有本身一個。模擬考考了 XXX 分，但本身也不知道本身能上什麼學校。

說白了，對於本身有多菜，徹底沒有自知之明。沒有自知之明的人，容易自大，同時也容易自卑。對此，經常感到惆悵。

固然，一年經驗的前端應該達到什麼水平，這是沒有標準答案的。可是有參考總比沒有參考好。

我上網找過很多參考文章，也沒有找到什麼數據充分的，統計意義上的一年前端水平總結。一年前端的我的總結仍是能找到很多的。因而也想貢獻本身一部分力量，寫這麼一篇僅供參考的文章。

落筆的如今，我已經入行一年多了。本文中的技術水平描述，是根據幾個月前的初稿還原的，水平描述略有誤差，敬請諒解。

獨當一面的螺絲工

雖然剛入行時比較菜，一年時間仍是足夠成爲一個合格的螺絲工的。

入職時，恰好從零開始一個新項目。一年，主導這個兩萬行級別的小項目。如今若新開一個複雜頁面，大致也能知道怎麼作，有哪些難點。整體坑踩的還不夠多，有些地方仍是有種踩下去不知道有多深的感受的。

下面從編碼能力、工程能力、管理能力三方面覆盤一下本身一年成長。

編碼能力大幅提高。編碼能力就是編程語言的駕馭能力。就螺絲工人而言，就是擰螺絲的能力了。雖然如今還不敢說精通 js，但好歹也算是熟練了。回頭看本身一年前寫的代碼，會有一種摔鍵盤的感受——寫的什麼鬼東西。

工程能力小幅的增加。工程能力，能夠簡單理解爲在有限的資源和時間裏，達到預期指標的能力。擰螺絲工人腦殼想的是，怎樣把這個面板固定在盒子外面。通常能夠擰十字螺絲；不想用戶隨便打開就用三角螺絲；對於時間特別趕的臨時面板，甚至能夠貼膠布。合理的技術選型是工程能力的一部分。組件之間如何合理劃分，怎樣才能讓組件高內聚，低耦合，也是要思考的問題。噢，對了，一年前我連什麼是高內聚，低耦合都不知道。

管理能力增加不大。螺絲工面對一批工件，和幾個幫手，怎樣組織你們一塊兒完成工做，天天跟蹤進度和控制風險，就是管理能力。這一年管理能力沒上去，一方面是前半年團隊都只有我一隻前端，沒有幫手可言，另外一方面是編碼和工程能力沒跟上。對一個工件須要加工多久都吃不許時，就更難估計一批工件的加工時間了。

分享一個重要的經驗教訓。若是你的水平不足以控制風險，那麼必定要學會及時彙報風險。新人切忌切忌的一點就是，不知道本身能不能搞得定，卻沒有及時向上彙報。

技術水平大概這樣

工做範圍內的問題，都能搞定。還好咱們沒有根據手機殼顏色改變 app 主題之類的需求。

js 能力。JavaScript 真的是易學難精。目前 js 水平應付工做仍是足夠的，可是對底層原理還不夠深刻。我的特別喜歡函數式編程搭配箭頭函數。函數式編程是編程的一種樂趣。

初期學 js， 碰到什麼學什麼，解決了當前的阻塞性問題再說。中期我用過「地毯式」學法，特別管用。當時作的項目對數組處理較多，我就深刻研究 js 中數組的相關方法。我花了幾天時間，把 W3 上的全部數組方法的 demo 所有敲了一遍。後面作開發，涉及到複雜數據結構轉換時，都能比較流暢地寫出來，這種感受是很是棒的。

原生數組方法不夠熟時，不太建議一上來直接使用 lodash 庫。否則學 js 的感受就像背一個三方庫的接口，感受很糟糕。熟了原生方法再用 lodash，就能感知到它是怎麼封裝的。感受徹底不同。

繪圖能力。caves，svg，d3，echarts，threejs 都試用過。我對計算機圖形學是至關感興趣的。還特別但願深刻研究計算機圖形學領域。可是項目對繪圖要求不高，本身也沒能抽出時間來深究，算是第一年比較遺憾的事情。

css。本身寫 demo 玩和正式作項目差異仍是挺大的。本身玩 demo 的時候，設計時尚大方，空間充足，畫面簡潔優雅美麗大方楚楚動人簡直怎麼誇都不爲過。畫不出的佈局，我還能把設計稿給改了。真正項目，須要在錯綜複雜的元素中，搞出穩定的佈局，還不能改方案。這裏加功能，這裏加按鈕，這裏彈個窗，這裏搞個浮窗。被虐過千百遍以後，如今 CSS 技能算是上去了。

react技術棧。雖然當年入職面試時寫的是「熟悉 react」，可是一年後我纔敢真正以爲本身熟悉 react。在數據狀態方面，幸運或者不幸，原生 state，hook+ context， mobx， redux 我所有都用過。項目如今所有組件爲 functional component，使用原生 hook + context 管理狀態。

用 react 的過程當中，碰過最有意思的一個 bug 是 hook 中的 setTimeout 獲取不到最新數據。當時 hook 特性剛出來不久，即便在谷鴿用英文搜，都搜不到太合適的解決辦法，只好用全局變量的方法臨時規避。後來深刻研究 js 才知道，這是由於 js 採用了詞法做用域，而非動態做用域的緣由。使用 useRef 才比較合理地解決這個問題。

爲了作一隻更加合格的前端，學了點 Nodejs、 Linux、 Python、 Java、數據庫。學 Nodejs 是爲了本身寫 mockServer。學 Linux 是爲了本身部署代碼調試。學 Python 是爲了和算法的同事打交道。本身寫了 100 行左右的很簡單的 Python 當轉接層，用 Nodejs 拉起 Python 進程來進行簡單通信。學 Java 是爲了更好地和後臺打交道。搞數據庫是爲了本身填充本身想要的模擬數據，以便更好地調試前端。這些技能都學得很是淺。對工做的上下游都瞭解一下，儘可能不要被對方阻塞本身的開發，才能更專心地作好前端。

至於移動端，小程序等熱門技術，因爲當下工做不涉及，沒有餘力去深刻了解。

某互聯網公司的大牛（同窗）曾向我吐槽，真羨慕我這種編程工做不到三年的新人，由於能純粹地享受編碼和技能進步的樂趣。如今他在公司，其主要價值已經不在於寫代碼了，技術上的長進也比較慢。被有錢人羨慕的我，真不知道該說什麼話好。

尾巴

不鴿的狀況下，我將來會寫「轉行兩年」、「轉行三年」的文章的，拼接起來的參考意義更大。

感謝你能看到最後。若是對我這個「參考點」感興趣的話，我以前的這幾篇文章不妨一塊兒看看：

28歲裸辭轉行前端是怎樣的一種體驗
我轉行前端花了11個月
「2019總結」轉行前端一年，個人增刪改查