前端：道阻且長(zhǎng)，行則將至

前言

上一篇的隨筆，有不少的同學(xué)感慨與互動(dòng)，本文就上篇的留言的一些問(wèn)題以及自身的經(jīng)歷總結(jié)一下前端的成長(zhǎng)路徑。

初心

首先明確一點(diǎn)，當(dāng)選擇一份工作的時(shí)候：

1. 你很喜歡這份工作
2. 你很擅長(zhǎng)這份工作

如果你僅僅是為了混口飯吃才做的前端，建議早點(diǎn)轉(zhuǎn)行，因?yàn)榍岸穗m然沒(méi)有想象中的那么難，但是肯定沒(méi)你想象中的那么簡(jiǎn)單

不要僅僅為了一時(shí)的紅利去選擇你的工作，當(dāng)度過(guò)了紅利上升期的時(shí)候，帶來(lái)的是大量?jī)?nèi)卷跟洗牌，未必后期能達(dá)到你的期望。

如果你不喜歡這個(gè)行業(yè)的話，你會(huì)做的非常痛苦，特別是對(duì)中途轉(zhuǎn)行的同學(xué)來(lái)說(shuō)，一定要考慮清楚你當(dāng)前的需求，你是為什么轉(zhuǎn)行到前端來(lái)的，是喜歡、擅長(zhǎng)，還是僅僅是一時(shí)的風(fēng)口加別人的引導(dǎo)。切記不要隨波逐流，保持自己的深度思考，行行出狀元，未必你只能做研發(fā)。

如果有一份工作是既喜歡又擅長(zhǎng)的話，那么恭喜，你是這個(gè)世界上為數(shù)不多很幸運(yùn)的人

旅途

目標(biāo)

先明確自己是因?yàn)槭裁炊x擇前端這條路

1. 喜歡這個(gè)行業(yè)，經(jīng)驗(yàn)略欠缺又或者是轉(zhuǎn)行過(guò)來(lái)的情況
2. 前端只是為了下一份行業(yè)做準(zhǔn)備（測(cè)試、UI、產(chǎn)品等等）
3. 你很擅長(zhǎng)前端，且愿意在前端這條路上走的更上一層
4. 等等…………

明白自己的初心之后，再給自己定一個(gè)目標(biāo)

• 需要 1 年、2 年或者更久能達(dá)到中級(jí)、高級(jí)、資深、專家的級(jí)別
• 需要多長(zhǎng)的時(shí)間能夠成功的轉(zhuǎn)成到下一份喜歡的行業(yè)

時(shí)間只是一個(gè)概念，定下時(shí)間，給自己一個(gè)壓力，才有動(dòng)力成長(zhǎng)。

規(guī)劃

定制的目標(biāo)雖然不同，但都需要給自己做一份規(guī)劃，不要等到迷茫到來(lái)才想著去突破。

什么時(shí)候定下目標(biāo)與規(guī)劃都不晚，但是越早定下來(lái)，后期的成長(zhǎng)與修正都會(huì)越好

規(guī)劃簡(jiǎn)單分成兩個(gè)方面，各有側(cè)重點(diǎn)，但是都需要涉及

技術(shù)

1. 熟悉 css、html、js 基本知識(shí)
2. 熟悉主流框架 react、vue、angluar 等
3. 熟悉構(gòu)建框架 webpack、rollup、vite 等
4. 搭建 cli 工具，為業(yè)務(wù)輸出基礎(chǔ)技術(shù)支持能力

業(yè)務(wù)

1. 熟悉當(dāng)前業(yè)務(wù)的具體流程，分析業(yè)務(wù)代碼架構(gòu)，復(fù)用、拓展等
2. 跨端業(yè)務(wù)結(jié)合當(dāng)前技術(shù)，提供適配多端能力，減少業(yè)務(wù)研發(fā)成本
3. 結(jié)合 DevOps，提高研發(fā)效能環(huán)節(jié)，縮短研發(fā)時(shí)間與成本

根據(jù)自己的實(shí)際情況，給未來(lái)的職業(yè)生涯做一個(gè)簡(jiǎn)單的規(guī)劃，往哪個(gè)方向靠攏，就側(cè)重哪塊去制定。

以技術(shù)支撐業(yè)務(wù)，以業(yè)務(wù)反饋技術(shù)，相輔相成，缺一不可。

突破

討論一下可能會(huì)遇到的瓶頸與迷茫的一些突破

一直寫業(yè)務(wù)感覺沒(méi)什么成長(zhǎng)

老實(shí)說(shuō)其實(shí)寫業(yè)務(wù)也挺有意思的，感覺沒(méi)什么成長(zhǎng)大概率是因?yàn)橐韵聝牲c(diǎn)：

1. 重復(fù)的工作一直做
2. 重復(fù)的技術(shù)一直用

如同上述的規(guī)劃一樣，將業(yè)務(wù)抽絲剝繭的分析一下我們可以怎么突破當(dāng)前的業(yè)務(wù)瓶頸：

1. 相同的業(yè)務(wù)，能否做到業(yè)務(wù)代碼復(fù)用：搭建業(yè)務(wù)組件中臺(tái)，物料庫(kù)，代碼模板解決重復(fù)勞動(dòng)力
2. 不同的業(yè)務(wù)，能否做到基礎(chǔ)組件、基礎(chǔ)方法通用：配合 ui 統(tǒng)一基礎(chǔ)風(fēng)格，借助第三方框架或者自建組件框架，配合基礎(chǔ) cli 工程開發(fā)工程模板
3. 每個(gè)項(xiàng)目是 cv 工程，還是有一次又一次的融入了新的技術(shù)跟設(shè)計(jì)，去加強(qiáng)完善，提高效能、體驗(yàn)，例如：多重條件判斷、數(shù)據(jù)緩存等等，從小的模塊開始更新。Vue、React等新特性的引入。
4. 有沒(méi)有回顧自己做過(guò)的項(xiàng)目，中間出現(xiàn)的問(wèn)題有沒(méi)有總結(jié)，沒(méi)有解決暫時(shí)擱置的問(wèn)題有沒(méi)有解決，對(duì)之前寫的不好的代碼、邏輯有沒(méi)有重構(gòu)、或者重寫（沒(méi)有完美的代碼，只有更好代碼）

說(shuō)起來(lái)很簡(jiǎn)單，做起來(lái)也不容易，當(dāng)你出現(xiàn)如上感覺的時(shí)候，想想看前面幾點(diǎn)是否已經(jīng)做到位

不要將三年工作做成一年經(jīng)驗(yàn)，溫水煮青蛙最可怕，把自己極限逼迫一下，做到最好

學(xué)歷到底重不重要

目前大學(xué)生本科以上高等教育的人數(shù)不超過(guò) 5%（查新聞的，說(shuō)錯(cuò)別打我）。

學(xué)歷固然重要，也許你會(huì)失去進(jìn)大廠工作的機(jī)會(huì)，但是不代表你失去了與廣大研發(fā)溝通交流的機(jī)會(huì)。

多看看技術(shù)博客，多關(guān)注業(yè)內(nèi)新技術(shù)的趨勢(shì)，多關(guān)注開源項(xiàng)目，自己也可以慢慢的參與開源項(xiàng)目中去。

不要因?yàn)閷W(xué)歷而限制自己在這條路上面的發(fā)展，高學(xué)歷代表你的基礎(chǔ)知識(shí)很完備、更系統(tǒng)，所以你會(huì)在這條路上走的更加艱辛而已

建議有條件、或者是剛畢業(yè)的同學(xué)，最好還是能夠提升一下學(xué)歷，未來(lái)你的上限會(huì)更高點(diǎn)

一直在小廠怎么突破

其實(shí)跟上述的學(xué)歷問(wèn)題也有重疊，不要因?yàn)樵谛S就放松自己的要求

能盡量的規(guī)范開發(fā)流程就盡量去做，包括代碼 review、性能分析、數(shù)據(jù)埋點(diǎn)分析、異常捕獲處理等等，根據(jù)業(yè)務(wù)的實(shí)際情況來(lái)推進(jìn)。

每推進(jìn)一步，你的收獲不會(huì)比大廠的少。眼界放廣點(diǎn)，不要局限于自己的一畝三分地。

大佬，我學(xué)不動(dòng)了

前端框架那么多，但是看看招聘要求都是精通 js 原理，三大框架了解其中一種即可。

萬(wàn)變不離其宗，js 基礎(chǔ)是前端的鑰匙，框架是前端大門。

前端走過(guò)了 jQuery、Seajs、Requirejs、Backbone 到現(xiàn)在各種框架百花齊放的時(shí)候，哪有那么多優(yōu)秀的人精通所有內(nèi)容（能做到的肯定有，但肯定不是我，哈哈）。

設(shè)計(jì)模式、實(shí)現(xiàn)原理、算法等等上層架構(gòu)理念會(huì)使你更好、更快的去理解各個(gè)框架（學(xué)會(huì)去做一個(gè)開鎖匠）。

選了幾個(gè)比較經(jīng)典的問(wèn)題，歡迎各位同學(xué)留言互動(dòng)啊，哈哈

寫在最后

聽了無(wú)數(shù)道理，看了無(wú)數(shù)事跡（包括上面所有的內(nèi)容），卻依然過(guò)不好這一生。

不要僅僅限制于聽與看，敢想敢做才是硬道理。不要在意結(jié)果，每個(gè)人的人生軌跡都不一樣，如果成功的經(jīng)歷能復(fù)制的話，每個(gè)人都是成功者。

別去輕易否定自己

你擁有你的天地

沒(méi)人能夠把你定義

快樂(lè)才是真諦

道阻且長(zhǎng)，行則將至

下文章來(lái)源于公眾號(hào)：前端小兵成長(zhǎng)營(yíng) ，作者Cookieboty

以上就是W3Cschool編程獅關(guān)于前端：道阻且長(zhǎng)，行則將至的相關(guān)介紹了，希望對(duì)大家有所幫助。