我是dog君，一名95后前端小兵预伺，互聯(lián)網(wǎng)前端開發(fā)工程師订咸，坐標(biāo)北京。希望能夠認(rèn)識(shí)大家酬诀，如果這篇文章能讓你感到共鳴脏嚷，歡迎添加我的微信，dm120225瞒御，我們可以一起來(lái)探討父叙，互相學(xué)習(xí)，共同進(jìn)步，期待你的到來(lái)趾唱。

大家好涌乳，非常開心能夠加入簡(jiǎn)書平臺(tái)，和大家一起學(xué)習(xí)交流甜癞，這是我在簡(jiǎn)書發(fā)表的第一篇文章夕晓，如有不妥之處，還望大家能夠留言批評(píng)指正悠咱。

首先做下自我介紹吧蒸辆，我是一名95后，互聯(lián)網(wǎng)前端小兵析既，大家可以叫我dog君（這個(gè)名字好奇怪）吁朦，畢業(yè)于北京某211，自動(dòng)化專業(yè)渡贾，目前坐標(biāo)北京逗宜。那么身為自動(dòng)化專業(yè)的我，到底是怎樣接觸到前端開發(fā)這個(gè)崗位空骚，并且是怎樣學(xué)習(xí)的纺讲？在求職過程中遇到了什么問題，又是怎么解決的囤屹？在前端以后的發(fā)展道路上應(yīng)該怎么走熬甚？我決定今天寫下我的故事，分享給大家肋坚。

我與前端結(jié)緣

第一次與前端結(jié)緣乡括，是在2017年的暑假，那時(shí)候的我正在讀大二智厌。相信大家跟我一樣诲泌，剛剛步入大學(xué)的時(shí)候，對(duì)身邊的一切充滿了新鮮感铣鹏，各種社團(tuán)敷扫，學(xué)生組織層出不窮，于是我加入了學(xué)生會(huì)和好多社團(tuán)诚卸，開始了我肆無(wú)忌憚的生活葵第。基本上從大一玩到了大二合溺，每天的生活就是卒密，能睜眼就起，睜不開就睡棠赛，想上課就上哮奇，不想上就不去膛腐，晚上才是和學(xué)生會(huì)社團(tuán)的哥們弟兄們happy的時(shí)刻。說句實(shí)話屏镊，現(xiàn)在讓我回想起當(dāng)時(shí)的日子依疼，那還真是年輕疤等而芥！

這種日子持續(xù)了將近兩年，在大二下學(xué)期快期末考試了膀值，我意識(shí)到了棍丐，學(xué)生會(huì)和社團(tuán)，我已經(jīng)玩不了了沧踏，因?yàn)榈搅舜笕璺辏蜁?huì)換屆，我們自然而然就退居二線翘狱。那么我還能干點(diǎn)啥秘案？這兩年除了搞這個(gè)搞那個(gè)，學(xué)習(xí)不咋地潦匈，娛樂項(xiàng)目倒是積累了不少阱高。結(jié)果越想越多，從這次期末考試掛科茬缩，想到了畢業(yè)后失業(yè)赤惊，想到了給人刷碗洗盤子，想到了娶不上媳婦兒凰锡，想到了大街上要飯未舟。。掂为。這壓力裕膀，瞬間就上來(lái)了。于是和各路大神交流之后勇哗，了解到可以出去實(shí)習(xí)來(lái)鍛煉我自己魂角。可我能干什么呢智绸？哎野揪！對(duì)啊，我做過社團(tuán)會(huì)長(zhǎng)瞧栗，學(xué)生會(huì)部長(zhǎng)斯稳，我有學(xué)生工作經(jīng)歷，而且對(duì)人事管理這一塊比較擅長(zhǎng)迹恐，于是挣惰，我看了各大招聘網(wǎng)站的需求，發(fā)現(xiàn)我可以去做HR！好憎茂，說干就干珍语。寫了份簡(jiǎn)歷，開始海投竖幔，功夫不負(fù)有心人板乙，58同城旗下中華英才網(wǎng)招聘HR實(shí)習(xí)生，面試通過拳氢，開始了我的暑期實(shí)習(xí)生涯募逞。

第一次實(shí)習(xí)

我想象中的HR工作，都是很高大上的馋评，坐在辦公室里面放接，每天管理管理員工，做個(gè)招聘留特，給領(lǐng)導(dǎo)匯報(bào)會(huì)報(bào)工作纠脾，穿梭于各大辦公樓。我可能是想多了蜕青，我去那只是每天給人打電話苟蹈，約人家來(lái)面試的。不過也正是在這個(gè)過程中市咆，我接觸到了前端汉操，你身為一個(gè)HR，要跟人家技術(shù)聊天蒙兰，那么首先你必須要懂點(diǎn)技術(shù)的東西呀磷瘤！了解了前端 java 安卓 IOS 大數(shù)據(jù)等多個(gè)崗位介紹后，我發(fā)現(xiàn)，前端竟然如此簡(jiǎn)單，幾個(gè)標(biāo)簽畸写，定義幾個(gè)樣式草姻，就能把網(wǎng)頁(yè)給做出來(lái)了Ｅ煌（我當(dāng)時(shí)簡(jiǎn)直是太天真，還是年輕）說干就干，于是在實(shí)習(xí)期結(jié)束后回到學(xué)校，開始了我前端的學(xué)習(xí)生涯贸呢。

寫了這么多，現(xiàn)在才步入正軌拢军，前面竟然都是鋪墊楞陷，哈哈。感謝你能夠讀到這里哦茉唉，親愛的朋友固蛾。

學(xué)習(xí)前端迷茫期

2017年9月份结执，我回到了學(xué)校，開始了我前端的學(xué)習(xí)生涯艾凯。在大三上學(xué)期献幔，我真的迷茫了一個(gè)學(xué)期，走了很多的彎路趾诗。那時(shí)候畢竟是一個(gè)學(xué)生蜡感，能想到的學(xué)習(xí)方法首選那當(dāng)然是看書。于是我買了Head First系列叢書沧竟，一本html css的铸敏，一本js的缚忧，兩本1500多頁(yè)啊悟泵，還好我練就了大學(xué)生期末考試的必勝功力，一天一本書闪水，一周一學(xué)期糕非。看完這兩本書之后球榆，我發(fā)現(xiàn)朽肥，哦，挺有意思的啊持钉，但是讓我寫代碼我還是不會(huì)昂庹小！我連個(gè)div span標(biāo)簽我都不會(huì)寫每强，寫代碼還在用記事本始腾，大家都是這么寫代碼的嘛？不對(duì)呀空执，我看大佬們屏幕上的代碼都花花綠綠的可好看了浪箭，我怎么用記事本？我開始了自我懷疑辨绊，每天都很焦慮奶栖。解決焦慮的辦法，是繼續(xù)看書门坷，我自以為學(xué)到了很多宣鄙，心里邊會(huì)很舒服，暫緩一下默蚌，然而我還是不會(huì)寫代碼冻晤，這，持續(xù)了整整一個(gè)學(xué)期敏簿。

寒假期間明也，我加了好多前端學(xué)習(xí)交流群宣虾，我當(dāng)時(shí)已經(jīng)準(zhǔn)備放棄前端了，因?yàn)閷?shí)在學(xué)不會(huì)這玩意兒温数，我太難了绣硝。在和他們交流的過程中，他們有的說讓我看視頻撑刺，有的說讓我培訓(xùn)去鹉胖，有的說讓我邊看書邊敲，說啥的都有够傍，那我綜合考慮了一下甫菠，培訓(xùn)是不可能的，啥條件啊冕屯，錢誰(shuí)出啊寂诱，于是我選擇了看視頻，當(dāng)時(shí)我就想著安聘，本來(lái)我自己什么都不會(huì)痰洒，那我還有啥不能嘗試的，人都這樣了浴韭，那指定干啥事都觸底反彈扒鹩鳌！

步入正軌

開學(xué)了念颈，回到學(xué)校泉粉，我給我自己這個(gè)學(xué)期制定了兩個(gè)目標(biāo)，這學(xué)期結(jié)束榴芳，一個(gè)是要出去做前端實(shí)習(xí)嗡靡，一個(gè)是減到190斤以下（我身高182，體重當(dāng)時(shí)230）翠语。不知道我哪里來(lái)的雞血叽躯，我竟然很興奮，啥都不會(huì)肌括，干啥啥不行点骑，吃啥啥沒夠，有個(gè)目標(biāo)就興奮谍夭，大概已經(jīng)破釜沉舟了吧黑滴，什么都不在乎了，哈哈紧索，干就完了鐵子袁辈！

2018年3月1日，我正式開始了我的前端學(xué)習(xí)生涯珠漂。那時(shí)候晚缩，真的是日復(fù)一日的重復(fù)尾膊，機(jī)械的過日子，但是每天都和打雞血一樣荞彼，沒有假期冈敛，沒有周末，沒有聚會(huì)鸣皂，連吃飯都是一個(gè)人抓谴。早上起床大概七點(diǎn)半到八點(diǎn)，該上課上課寞缝，沒課就坐在電腦前癌压，打開視頻，帶上耳機(jī)荆陆，開始看視頻滩届。視頻是一章節(jié)一章節(jié)的，每個(gè)章節(jié)分了好多小節(jié)慎宾，所以每個(gè)視頻的時(shí)間也不是很長(zhǎng)丐吓，看完每個(gè)小節(jié)的視頻浅悉，我都會(huì)去做練習(xí)趟据，真槍實(shí)彈的去寫代碼，我的編輯器也從記事本換成了sublime术健，換成了vscode（我可專業(yè)了汹碱。哈哈）學(xué)完html css ，我開始制作網(wǎng)頁(yè)荞估。一開始我做了拼多多的官網(wǎng)咳促，然后發(fā)現(xiàn)沒啥難度，于是順便做了天貓勘伺，淘寶跪腹，京東的官網(wǎng)，都是靜態(tài)的飞醉，純html css冲茸。之后學(xué)習(xí)js，跟著老師去做練習(xí)缅帘，什么變量轴术，循環(huán)語(yǔ)句，條件語(yǔ)句钦无，函數(shù)逗栽，對(duì)象，作用域失暂，閉包彼宠，原型鏈鳄虱，垃圾回收等等吧，反正當(dāng)時(shí)我覺得我學(xué)的還挺好凭峡，每天還是很興奮的醇蝴，晚上大概九點(diǎn)，出去跑個(gè)步想罕，回來(lái)洗個(gè)澡悠栓，然后繼續(xù)敲代碼到一點(diǎn)兩點(diǎn)，上床睡覺按价，這種日子持續(xù)了大概三個(gè)月惭适。

找前端實(shí)習(xí)

2018年5月下旬，我出去找實(shí)習(xí)工作楼镐。在我找實(shí)習(xí)的時(shí)候癞志，我還不會(huì)框架這么高級(jí)的玩意兒，僅僅憑著html css js等一點(diǎn)點(diǎn)一丟丟的基礎(chǔ)去找工作框产，我也納悶我哪里來(lái)的勇氣凄杯，或許這就是男人吧，被生活逼瘋的男人”蓿現(xiàn)在想想當(dāng)時(shí)能讓我來(lái)面試的公司戒突，那HR絕對(duì)是真愛。不過描睦，面試的過程也非常的曲折膊存。首先我們學(xué)校在北京偏遠(yuǎn)的小山村，昌平西風(fēng)口地鐵站下車（有沒有人猜到我是哪個(gè)大學(xué)的了忱叭，哈哈）隔崎，然后每次去面試基本上半天時(shí)間就沒了，如果面試上午一場(chǎng)下午一場(chǎng)韵丑，那么這一天我可以在市里浪蕩江湖了都爵卒。面試了有十幾家，有五分鐘就完事的撵彻，有聊到HR了說我沒經(jīng)驗(yàn)不行的钓株，有讓我轉(zhuǎn)崗的，有噴我的千康，說我這水平出來(lái)找什么工作享幽，反正各種各樣吧，不過我沒有放棄拾弃，神擋殺神值桩，佛擋殺佛，生而為人豪椿，不服就是磕奔坟，都這樣了我還怕誰(shuí)呀携栋？干就完了唄。功夫不負(fù)有心人咳秉，感謝某OA公司婉支，感謝我人生導(dǎo)師超哥給了我實(shí)習(xí)的機(jī)會(huì)，感謝在我學(xué)習(xí)前端路上遇到的所有朋友們澜建。我終于沒有辜負(fù)我在開學(xué)時(shí)定下的目標(biāo)向挖，完成了本學(xué)期結(jié)束找到實(shí)習(xí)，那么第二個(gè)減到190斤以下呢炕舵？當(dāng)然何之！我也做到了！從230斤咽筋，三個(gè)月的時(shí)間溶推，瘦到了190斤，從跑一公里就開始喘奸攻，到輕松拿下十公里蒜危，到每天十公里強(qiáng)度的跑步，三個(gè)月的時(shí)間睹耐，我拿掉了40斤的肥肉辐赞，那個(gè)感覺，爽疏橄！好嗨喲占拍！感覺人生已經(jīng)到達(dá)了高潮！感覺人生已經(jīng)到達(dá)了巔峰~~

來(lái)到公司捎迫，再次迷茫

期末考試結(jié)束，第二天我屁顛屁顛的去了公司報(bào)道表牢，簽了合同窄绒，領(lǐng)了電腦，但是崔兴，我發(fā)現(xiàn)一個(gè)問題彰导，就是為什么給我這么多的賬號(hào)密碼啊敲茄！還有什么 git jenkins wiki gitlab OA等等位谋，我靠，這都是啥啊堰燎，視頻里面都沒講過疤透浮！我慌了秆剪。公司的同事們告訴我赊淑，框架用的是angular爵政，以前早有耳聞，現(xiàn)在用的是vue React比較多陶缺，angular很少的钾挟，那么我怎么進(jìn)入了一家搞angular的公司，我嘛也不會(huì)呀饱岸！這就是從自己學(xué)習(xí)到公司正式開發(fā)的過渡階段掺出，在這個(gè)階段不僅僅是技術(shù)上的改變，更多的是社會(huì)角色的轉(zhuǎn)變苫费，你從一個(gè)學(xué)生蛛砰，變成了一個(gè)員工，你從學(xué)校黍衙，來(lái)到了公司泥畅，公司是以盈利性為目的的一個(gè)組織，那么你想活下去琅翻，就要為公司創(chuàng)造價(jià)值位仁。我能創(chuàng)造什么價(jià)值，我只會(huì)html css 和簡(jiǎn)單的js方椎，框架不會(huì)聂抢，git不會(huì)，什么jenkins沒有過棠众，之前github賬號(hào)都沒有琳疏，更不用說gitlab了，就這樣闸拿，我再次陷入了迷茫空盼。

那我該怎么辦，公司不是用angular嘛新荤？學(xué)唄揽趾，反正我也不會(huì)，干就完了苛骨。于是又通過我之前看視頻學(xué)習(xí)的形式篱瞎，把a(bǔ)ngular那一套搞了一遍，在同事的幫助下痒芝，配置了git node 等并拉下來(lái)了項(xiàng)目俐筋。當(dāng)我搞完了那套angular的課程之后，我嘗試著去看公司的代碼严衬，哎喲澄者！我竟然能看懂了！你說神奇不神奇！但是闷哆，看懂歸看懂腰奋，當(dāng)時(shí)我自己的編程思維并沒有建立起來(lái)，我只是停留在皮毛的階段抱怔，知道點(diǎn)簡(jiǎn)單的語(yǔ)法劣坊，能知道寫的代碼每一行是什么意思，但是合在一起屈留，嗯局冰，感覺就像一篇英文文章，每個(gè)字母我都認(rèn)識(shí)灌危，但是連起來(lái)我就不知道什么意思了康二，和這種感覺一樣一樣的。顯然勇蝙，我又慌了沫勿。

恰巧公司需要做一個(gè)需求，很小味混，但是能夠把一家公司的工作流程給串一遍产雹，一些技術(shù)也都能用到∥涛可是蔓挖，我不會(huì)啊馆衔！我連需求是個(gè)啥我都聽不懂瘟判，技術(shù)上我也不知道哪個(gè)是對(duì)的哪個(gè)是錯(cuò)的，工作流程更不用說了角溃，完全不懂拷获。那怎么辦，硬著頭皮做唄开镣！自己有問題刀诬，就去問啊邪财！于是這兩周的時(shí)間，辦公室里面總會(huì)看到一個(gè)小胖子的身影质欲，每天來(lái)來(lái)回回的穿梭树埠，那沒辦法，不會(huì)就得問嘶伟，因?yàn)樽霾怀鰜?lái)怎憋，壓力大，我問一下能解決一個(gè)問題，我就心里有點(diǎn)底绊袋。到最后毕匀，哎喲，我可算松了一口氣癌别，這個(gè)需求讓我給整出來(lái)了皂岔！當(dāng)時(shí)別提我有多開心了。這個(gè)需求展姐，實(shí)際上就是一個(gè)表單驗(yàn)證躁垛，然后給后端發(fā)請(qǐng)求，做請(qǐng)求處理圾笨。然后參加了需求評(píng)審教馆，排期，開發(fā)擂达，測(cè)試土铺，上線，代碼倉(cāng)庫(kù)管理板鬓，jenkins持續(xù)集成等公司的工作流悲敷，總的來(lái)說，把這一套給順下來(lái)一遍還是挺好的穗熬。但是镀迂，即使做出來(lái)了這個(gè)東西，我還是不會(huì)寫代碼唤蔗，基本上所有的問題都是問別人探遵，別人告訴我，我再改妓柜，和人家?guī)臀野研枨髮懥藳]什么區(qū)別箱季。我還是迷茫。

轉(zhuǎn)折點(diǎn)

轉(zhuǎn)折點(diǎn)發(fā)生在接下來(lái)的兩周棍掐，自從我做完公司的一個(gè)需求之后藏雏，我靜下來(lái)心來(lái)，認(rèn)認(rèn)真真的思考了一下作煌，對(duì)需求做了一次復(fù)盤掘殴，我記錄下來(lái)了我在本次做需求的過程中都經(jīng)歷了什么，寫成了一篇文檔發(fā)在了公司的wiki上面粟誓。然后我打開了公司的后臺(tái)管理的項(xiàng)目奏寨，從index.html開始看，看不懂的地方就去查鹰服，就去問病瞳，從登陸揽咕，到組件的封裝，到權(quán)限的控制套菜，到菜單的管理亲善，到表單的驗(yàn)證，到路由相關(guān)逗柴，到業(yè)務(wù)的增刪查改蛹头，到文件的上傳等等，在這期間我又整理了OA后臺(tái)管理系統(tǒng)的文件結(jié)構(gòu)發(fā)表到了公司的wiki嚎于，對(duì)項(xiàng)目進(jìn)一步的熟悉掘而。在這個(gè)過程中我驚奇的發(fā)現(xiàn)，哎喲于购，這可了不得了袍睡，每個(gè)文件里面的代碼竟然有很多如此相似的東西，從邏輯上的角度來(lái)說肋僧，大體上是相同的斑胜，只不過跟隨著業(yè)務(wù)的改變，部分代碼處理起來(lái)不一樣而已嫌吠。太興奮了止潘！當(dāng)我再看其他模塊代碼的時(shí)候，我能夠準(zhǔn)確的預(yù)測(cè)到接下來(lái)他們會(huì)怎么寫辫诅，應(yīng)該會(huì)怎么寫凭戴，代碼里面必備的一些東西都有什么，怎么去辨別哪些是業(yè)務(wù)相關(guān)的炕矮，哪些是通用的么夫，那些通用的功能都是怎么去封裝起來(lái)的等等吧。就是這兩周的時(shí)間肤视，我把公司后臺(tái)管理系統(tǒng)的代碼全部看了一遍档痪，我通了，我的編程思維建立起來(lái)了邢滑，我知道我要怎么去做了腐螟，最重要的是，我學(xué)會(huì)了復(fù)制粘貼困后。

我想乐纸，當(dāng)我說出來(lái)我學(xué)會(huì)了復(fù)制粘貼是最重要的時(shí)候，相信大家都在抿著嘴笑吧摇予，哈哈锯仪。其實(shí)對(duì)于一個(gè)編程小白來(lái)說，能夠?qū)W會(huì)復(fù)制粘貼趾盐，確實(shí)是不容易。大家可以想一下，如果說你代碼看不懂的話救鲤，不能辨認(rèn)出這段代碼是對(duì)的還是錯(cuò)的久窟，那么你的復(fù)制粘貼有用嗎？學(xué)會(huì)復(fù)制粘貼本缠，是作為一名程序員最基本的生存本領(lǐng)斥扛，首先你能看懂，然后能辨別出這段代碼對(duì)不對(duì)丹锹，然后需要去對(duì)比這段代碼在你要做的東西能不能匹配上稀颁，最后能不能通過把這段代碼進(jìn)行修改后完美的適配你當(dāng)前的業(yè)務(wù)邏輯，這才是基礎(chǔ)可實(shí)用的復(fù)制粘貼楣黍。那么即使到現(xiàn)在匾灶，我在遇到一些問題，想要借鑒其他人的代碼的時(shí)候租漂，我也會(huì)采取這種復(fù)制粘貼的形式阶女，在做業(yè)務(wù)的過程中，也是大量的復(fù)制粘貼哩治，留下更多的時(shí)間去學(xué)習(xí)提升自己秃踩，我認(rèn)為這是很正常的。所以說业筏，學(xué)會(huì)復(fù)制粘貼憔杨，是一大突破。

離職蒜胖，緊跟前端潮流

后來(lái)消别，伴隨著公司組織架構(gòu)的調(diào)整，業(yè)務(wù)的整改翠勉，人員的流動(dòng)妖啥，我離職了。那時(shí)候我實(shí)習(xí)了大概三個(gè)月对碌。我信心滿滿的出去面試荆虱，但是我發(fā)現(xiàn)了一個(gè)問題，就是之前公司用的是老牌Angular朽们，然后ES5的語(yǔ)法怀读，出來(lái)面試之后發(fā)現(xiàn)大部分的框架還都是Vue React ，用的是ES6的語(yǔ)法骑脱，我自身的技術(shù)棧太老了菜枷，說句時(shí)髦點(diǎn)的話，現(xiàn)在跟不上前端的潮流叁丧。經(jīng)歷過幾次面試的打擊后啤誊，我意識(shí)到了技術(shù)前沿的重要性岳瞭，我開始學(xué)習(xí)ES6，因?yàn)橛辛酥暗囊恍┙?jīng)驗(yàn)蚊锹，現(xiàn)在這個(gè)階段開始學(xué)習(xí)顯得輕車熟路瞳筏，我先是采用看視頻的形式，把常用的ES6的語(yǔ)法過了一遍之后牡昆，開始研究起來(lái)了阮一峰老師的著作《ES6標(biāo)準(zhǔn)入門》姚炕。在興奮中跌倒，在跌倒中爬起丢烘，爬起后繼續(xù)興奮柱宦，這何嘗不是我們的人生，誰(shuí)能擁有一個(gè)完美的人生播瞳？完美的人生一定完美嗎掸刊？誰(shuí)的人生沒有缺陷，只有缺陷的人生才完美狐史，經(jīng)歷大江大浪痒给，體味人生百態(tài)。

當(dāng)我拜讀完阮一峰老師的著作后骏全，刷了好多的面試題苍柏，我再次出去面試了。這一次和以往不同姜贡，好多的公司還是接受我的试吁，即使我并不會(huì)Vue React。最后楼咳，我選擇了一家互聯(lián)網(wǎng)巨頭熄捍，字節(jié)跳動(dòng)，開啟了我下一階段的實(shí)習(xí)生涯母怜。

進(jìn)入頭條后余耽，我內(nèi)心非常激動(dòng)，走入辦公大樓苹熏，用著最新款mac碟贾，免費(fèi)三餐，房補(bǔ)轨域，并且實(shí)習(xí)工資一天400袱耽！入職當(dāng)天上午接受培訓(xùn)，大廠果然不一樣干发，入職當(dāng)天是排隊(duì)的狀態(tài)朱巨，在一個(gè)大廳等待，然后集體去培訓(xùn)枉长，培訓(xùn)結(jié)束后會(huì)有l(wèi)eader過來(lái)接人冀续，還給我分配了一個(gè)美女導(dǎo)師琼讽，哈哈。我當(dāng)時(shí)所在的業(yè)務(wù)線框架是React沥阳，當(dāng)時(shí)我是不擔(dān)心的跨琳，學(xué)習(xí)就行了唄。然而桐罕，第一天就給我分配需求了。桂敛。功炮。這可如何是好。打開項(xiàng)目的代碼术唬，看得我一臉懵逼薪伏，我只能看懂部分js的代碼，然后我還發(fā)現(xiàn)怎么能夠在js里面去寫標(biāo)簽粗仓？難道是操作DOM嫁怀？這是什么高級(jí)操作。算了借浊，搞不懂塘淑，先學(xué)習(xí)吧，于是我又把React搞了一遍蚂斤，看完視頻就開始做項(xiàng)目了存捺，說實(shí)在的從Angular的思想直接跨越到React還真是有點(diǎn)難度，因?yàn)檫@兩個(gè)框架的思想基本上天差地別曙蒸，我轉(zhuǎn)換轉(zhuǎn)了好長(zhǎng)時(shí)間捌治。不過還好，用了兩天的時(shí)間看React纽窟，然后開始寫需求肖油，很快，需求完成了臂港，這給了我大大的滿足感森枪。后面拜讀了深入React技術(shù)棧和React同構(gòu)實(shí)踐 前端工程化這三本書，讓我對(duì)React有了更深的理解趋艘。用React小半年的時(shí)間疲恢，當(dāng)時(shí)我認(rèn)為React無(wú)敵，React稱王瓷胧，什么Angular Vue都是弟弟显拳，事實(shí)證明我想多了，直到我嘗試了一下Vue搓萧。

關(guān)于在頭條的生活在此就不過多展開了哈杂数，如果你對(duì)我的故事感興趣宛畦，歡迎添加我的微信，嘻嘻揍移，我們可以一起進(jìn)步次和，一個(gè)人可以走得更快，但是一個(gè)團(tuán)隊(duì)可以走的更遠(yuǎn)那伐。

那是一次機(jī)緣巧合踏施，因?yàn)楫?dāng)時(shí)我看不上Vue。一天上午罕邀，有個(gè)同學(xué)說他朋友想找一個(gè)人幫他做畢業(yè)設(shè)計(jì)畅形，是一個(gè)系統(tǒng)，技術(shù)棧是vue和nodejs的诉探，問問我能不能幫他搞定日熬。什么？我是React的實(shí)踐者呀肾胯，我不會(huì)Vue呀竖席，我也不會(huì)Nodejs呀，做什么做敬肚。但是毕荐，在那位同學(xué)的好說歹說下（主要是有錢賺），我答應(yīng)了他朋友帘皿，于是我的Vue和Nodejs生涯開始了东跪。

接觸到了Vue，把我?guī)氲搅艘粋€(gè)新的世界鹰溜。我靠虽填，這個(gè)Vue，我怎么這么熟悉呀曹动，看看雙向數(shù)據(jù)綁定斋日，指令系統(tǒng)，那不是Angular嘛墓陈？看看組件化恶守，我靠，那不是React嘛贡必？那我還學(xué)什么學(xué)呀兔港，我都會(huì)呀。但我還是乖乖的把視頻看完了仔拟，用Vue寫了幾個(gè)Demo后衫樊，發(fā)現(xiàn)，為何用Vue開發(fā)這么爽。科侈。载佳。我愛上了Vue，準(zhǔn)備拋棄React臀栈，唉蔫慧，我可真是個(gè)善變的家伙。哈哈权薯，逗你的姑躲，自從把Angular React Vue都使用過之后，我思考了一下崭闲，前端三劍客html css js肋联，那為什么會(huì)出現(xiàn)這三個(gè)框架，并且開發(fā)思想上有區(qū)別又有相同點(diǎn)刁俭？我覺得，無(wú)論是什么框架韧涨，他們脫離不開js牍戚，甚至好多的命令行工具，各種包虑粥，他們本質(zhì)上來(lái)說也是js如孝，使用三大框架進(jìn)行開發(fā)，打包完成之后娩贷，還是html css js第晰，因?yàn)闉g覽器他只識(shí)別html css js ，甚至你可以把三大框架理解為前端三劍客的封裝彬祖。為了開發(fā)更加迅速茁瘦，統(tǒng)一，開發(fā)了三大框架對(duì)其進(jìn)行封裝储笑，為了使瀏覽器能夠解析甜熔，又把三大框架的產(chǎn)物打包編譯成html css js，人類實(shí)在是太聰明了突倍，我們可以在這里看出一點(diǎn)腔稀，業(yè)務(wù)推動(dòng)技術(shù)的進(jìn)步，而技術(shù)又反過來(lái)使業(yè)務(wù)能夠落地羽历，二者形成了一個(gè)正向循環(huán)焊虏，太神奇了!

前端迷茫期

自從三大框架用過一遍之后，我再次陷入了迷茫秕磷，以前聽說過三大框架诵闭，然后現(xiàn)在我全用過了并且在企業(yè)中有了實(shí)踐，那么后面我不可能一直在守著某一個(gè)框架過日子吧跳夭，我后面的路該怎么辦涂圆？前端想要再往上提升該怎么辦们镜？我就一直是一個(gè)前端了嘛？難道大家都和我的想法一樣嗎润歉？我再次陷入了迷茫模狭。

Nodejs拯救了我。后來(lái)踩衩，在做一些項(xiàng)目的時(shí)候嚼鹉，由于我要自己一個(gè)人開發(fā)后臺(tái)，而我聽說了nodejs可以去寫后端的服務(wù)驱富，而且發(fā)展的很成熟锚赤，然后我便開始研究起來(lái)了nodejs。說實(shí)話褐鸥，當(dāng)時(shí)的我已經(jīng)和剛開始學(xué)前端的時(shí)候完全不一樣了线脚，我學(xué)會(huì)了一種能力，就是遇到問題解決問題叫榕，永遠(yuǎn)不要去等浑侥，等下去是沒什么用的，你只有做了才有希望晰绎，在做的過程中你才會(huì)不斷的思考寓落。就像我此時(shí)此刻在寫這篇文章一樣，一開始我也想了很多荞下，這樣的文章到底應(yīng)該怎么寫伶选，然后我發(fā)現(xiàn)光想沒用，想干那就干起來(lái)唄尖昏，反正也不會(huì)仰税，那么你就去學(xué)習(xí)。

學(xué)習(xí)nodejs的過程中給我開拓了后端開發(fā)的視野会宪，我不再有之前停留在三大框架的認(rèn)知里面肖卧，我知道我有很多東西并沒有用過，即使我用過了掸鹅，也并沒有真正的掌握塞帐，即使掌握了，你確定未來(lái)這項(xiàng)技術(shù)會(huì)一直存在嗎巍沙？技術(shù)是動(dòng)態(tài)發(fā)展的葵姥，他一定是不斷的進(jìn)步的，就像大家都說前后端分離提高工作效率句携，單頁(yè)應(yīng)用性能好榔幸，但是并不利于SEO呀，你沒有數(shù)據(jù)爬蟲怎么抓，你的網(wǎng)站搜索排名怎么能夠上去削咆。萬(wàn)能的程序員們想到了一個(gè)方法牍疏，首次進(jìn)行服務(wù)端渲染，帶數(shù)據(jù)過來(lái)拨齐，后面再進(jìn)行單頁(yè)應(yīng)用的開發(fā)鳞陨，并據(jù)此開發(fā)了Next Nuxt前后端同構(gòu)框架，所以說瞻惋，遇到問題厦滤，解決問題，不管是對(duì)于個(gè)人還是公司亦或是一個(gè)國(guó)家整個(gè)世界歼狼，是一個(gè)進(jìn)步的過程掏导。

一些思考

后面的事情，寫畢設(shè)羽峰，寫論文趟咆，然后我畢業(yè)了，進(jìn)入了一家互聯(lián)網(wǎng)公司擔(dān)任前端開發(fā)工程師梅屉，獨(dú)立負(fù)責(zé)開發(fā)項(xiàng)目∪绦ィ現(xiàn)在已經(jīng)畢業(yè)了三個(gè)月，我重學(xué)了nodejs履植，express，koa悄晃，并且看了koa的源碼玫霎，拜讀了《用得上的商學(xué)課》、《自控力》妈橄、《墨菲定律》庶近、《好好賺錢》、《窮爸爸富爸爸》等非技術(shù)類數(shù)書籍眷蚓，《koa與nodejs開發(fā)實(shí)戰(zhàn)》鼻种、《你不知道的javascript》等技術(shù)類書籍，做了相應(yīng)的筆記并且學(xué)習(xí)了nuxt全棧開發(fā)美團(tuán)網(wǎng)等全棧視頻等沙热，我發(fā)現(xiàn)在這個(gè)過程中叉钥，我不僅是在學(xué)習(xí)，全量的輸入篙贸，而是我有思考的過程在里面投队，為什么要這么做。我知道我的路還很遠(yuǎn)爵川，技術(shù)作為一個(gè)研發(fā)來(lái)說是根本敷鸦，是你傍身的一個(gè)技能。但是光有技術(shù)是不行的，你需要有對(duì)你的崗位扒披，整個(gè)行業(yè)值依，人類，社會(huì)碟案，國(guó)家愿险，經(jīng)濟(jì)，民生等思考蟆淀。之后你會(huì)發(fā)現(xiàn)拯啦，這個(gè)世界太大了，而你熔任，很渺小褒链，我們來(lái)到這個(gè)世界上，一定要體現(xiàn)出自己的價(jià)值疑苔，為人類的發(fā)展甫匹，為社會(huì)，為國(guó)家做出我們的貢獻(xiàn)惦费。希望大家能夠多進(jìn)行思考兵迅，而不要光想，行動(dòng)起來(lái)薪贫，在行動(dòng)中思考恍箭，想干什么事，不要總是猶豫瞧省，干就完了扯夭。陌生人，加油鞍匾！

我是dog君交洗，一名95后前端小兵，互聯(lián)網(wǎng)前端開發(fā)工程師橡淑，坐標(biāo)北京构拳。希望能夠認(rèn)識(shí)大家，如果這篇文章能讓你感到共鳴梁棠，歡迎添加我的微信置森，dm120225，我們可以一起來(lái)探討掰茶，互相學(xué)習(xí)暇藏，共同進(jìn)步，期待你的到來(lái)濒蒋。