2.5年前端小白總結(jié)

前言

先來個(gè)自我介紹，各位掘金的大佬好，我是前端_圖圖，沒錯(cuò)，是圖圖。趁著周末的時(shí)間好好回想了一下自己出來社會(huì)這兩年多里所走的路，下面廢話不多說，進(jìn)入正題。

我是一名大專生(大專怎么了？大專也有成為大佬級別的人物)，在學(xué)校的時(shí)候?qū)W的是電子商務(wù)，其實(shí)上課學(xué)的都是什么HTML、CSS、Js、還有MySql、PHP這些。在大學(xué)里并沒有怎么學(xué)，整天都是和舍友打游戲，什么LOL，毒奶粉之類的，浪費(fèi)了三年時(shí)光。然后去南寧實(shí)訓(xùn)了三個(gè)月，當(dāng)時(shí)選的班級是前端，為什么選前端呢？因?yàn)樵趯W(xué)校的時(shí)候?qū)W了一點(diǎn)，也有一丟丟的基礎(chǔ)。

18年9月份從學(xué)校出來找工作，出來之后就沒有玩過游戲了，被社會(huì)一頓毒打，經(jīng)過很多挫折磨難，剛開始去面試的時(shí)候基本都是遇到一些培訓(xùn)機(jī)構(gòu)，當(dāng)時(shí)只要有面試邀請都非常的開心，但是上度娘一搜都是xxx培訓(xùn)機(jī)構(gòu)什么的，只能吐槽深圳的培訓(xùn)機(jī)構(gòu)是真的多。

第一份工作

過了兩個(gè)星期之后終于有了希望，收到一家外包公司的邀請，然后就去了。也是創(chuàng)業(yè)型公司，才幾個(gè)人。兩個(gè)后端一個(gè)小姐姐前端一個(gè)UI加上老板就五個(gè)人。然后我也被這家公司錄取了，當(dāng)時(shí)跟老板談的是3k一月。在里面只是用jQuery和原生js寫一個(gè)管理系統(tǒng)。我回想當(dāng)時(shí)我的前端基礎(chǔ)那叫一個(gè)差，后來我就買了一本HTML+Css+JavaScript網(wǎng)頁設(shè)計(jì)從入門到精通和一本鋒利的jQuery來學(xué)。放在現(xiàn)在這兩本書對我來說并沒有什么用了。

公司有個(gè)電商項(xiàng)目給另一個(gè)前端小姐姐做，當(dāng)時(shí)她也是剛學(xué)完Vue，然后就用Vue做這個(gè)項(xiàng)目，我就產(chǎn)生了好奇。我就去網(wǎng)上找教程，找到了Vue仿美團(tuán)的教程，感覺質(zhì)量還行，然后就學(xué)了兩個(gè)星期。只是入了個(gè)門。當(dāng)時(shí)對ES6、webpack、Git都不知道是個(gè)啥東西，就照著視頻教程里面敲。項(xiàng)目差不多完成之后，那位小姐姐就跑路了。就等于丟了個(gè)坑給我。而且我基礎(chǔ)又差。后面加了個(gè)需求，需要調(diào)后端接口，我弄了兩天，那時(shí)候的我對ajax一無所知。后來請了大學(xué)老師和技術(shù)胖群里的一位大佬幫我解決了。從此對前端產(chǎn)生了好感。我在這家公司待了一個(gè)月才發(fā)現(xiàn)自己是無薪的。另外一個(gè)前端也跑了，后來我也跑了。繼續(xù)找下家。

第二份工作

在家待了三四天吧。又收到了面試邀請。也是一家小公司，開的薪資是3.5k，去面試的時(shí)候就看到兩個(gè)人，老板和一個(gè)UI。這家公司是做小程序的。還好我在出來找工作的時(shí)候，學(xué)了一丟丟的程序。我拿了我之前學(xué)的Vue仿美團(tuán)的項(xiàng)目給他看。他覺得還可以。成功找到了第二份工作。

我只在這家公司做了一個(gè)星期就離職了。原因很簡單。老板要求加班，我對加班并沒有什么反感，但是距離公司有點(diǎn)遠(yuǎn)，當(dāng)時(shí)住在龍崗，公司在華強(qiáng)北的賽格大廈。下班回到家已經(jīng)很晚了。而且我住的地方離地鐵站有點(diǎn)遠(yuǎn)。還要坐一趟公交出來才到，公交晚上八點(diǎn)半就沒有了。而且后端還是一個(gè)兼職的后端。然后我故意表現(xiàn)得不好，然后老板就把我開了。得了七百多塊錢薪水。然后我用這個(gè)錢去買了一本阮大佬的ES6，還有高級程序設(shè)計(jì)3來學(xué)。

第三份工作

當(dāng)時(shí)在家投簡歷看小程序的教程，當(dāng)時(shí)并沒有練，只是一直在看。收到了面試的邀請非常興奮的就去。找了一家做家居和新媒體運(yùn)營的小公司。也是幾個(gè)人而已。開的薪資也是3.5k，做一個(gè)家居的小程序，也是沒有后端，當(dāng)時(shí)老板只是口頭上說要招，其實(shí)我已經(jīng)看出來他并不想招，原因很簡單，成本高。小公司一般都是這樣。想讓我自己一個(gè)人搞定，我當(dāng)時(shí)的基礎(chǔ)并不好，別說后端了。當(dāng)時(shí)我寫的小程序除了寫一些簡單的樣式，其余的什么購物車和登錄都是復(fù)制粘貼網(wǎng)上的。然后過半個(gè)月我已經(jīng)寫好了。老板問我能不能上線，我直接懵了，連個(gè)后端都沒有還談上線。我很記得有一次，他找我談話，問我會(huì)不會(huì)大數(shù)據(jù)，人工智能這些。我只能告訴他，用什么語言寫。

唉，很悲哀，這些不懂的人都以為一個(gè)程序員什么大數(shù)據(jù)人工智能都會(huì)。我心里想，如果我會(huì)？我還在你這家破公司待？后面小程序項(xiàng)目取消，直接去第三方賣一個(gè)。后面又叫我負(fù)責(zé)做一個(gè)官網(wǎng)，其實(shí)是一個(gè)門戶網(wǎng)。用織夢二次開發(fā)的。公司買了臺(tái)服務(wù)器給我搞，還好我有一些同學(xué)搞SEO優(yōu)化和二次開發(fā)的。我對二次開發(fā)并沒有什么興趣，然后我就沒做，就托付他們幫我弄。上班的時(shí)候就叫他們遠(yuǎn)程來幫我搞。后來做出來老板不滿意不是他們想要的效果，老板就把我開了。那時(shí)候剛好是元旦，剛好入職一個(gè)月。開心的拿到了3.5k薪資。回去繼續(xù)找工作。

第四份工作

第四份工作，也是做小程序的。也是一家創(chuàng)業(yè)型公司。做旅游行業(yè)的，據(jù)說創(chuàng)業(yè)失敗，然后轉(zhuǎn)型做軟件了。三個(gè)人，老板+后端都是95后。在一個(gè)民房里面辦公，也就是老板的家，老板是深圳本地人。福田和龍華都有房，一個(gè)富二代，辦公就在龍華。當(dāng)時(shí)心想，終于找到一個(gè)有后端的公司了。因?yàn)榻?jīng)過前面兩家公司都沒有后端已經(jīng)怕了。面試完之后，回去等通知。晚上發(fā)消息告訴我，周一上班，給出的薪資試用期3k，轉(zhuǎn)正4k。當(dāng)時(shí)沒想那么多。有工作就去了。

我記得當(dāng)時(shí)我連獲取input框的值和一個(gè)ifelse都不會(huì)，都是靠百度或者問群友才會(huì)。最最記得的寫ifelse判斷Tabbar跳轉(zhuǎn)對應(yīng)的頁面都寫不出來，更別說for循環(huán)了。后面問了一個(gè)群友加她好友遠(yuǎn)程幫我寫出來的。注意我的用詞她，是一位前端小姐姐。才發(fā)現(xiàn)我的技術(shù)那么爛。好在公司的兩個(gè)后端，我不會(huì)的他們都會(huì)教我給我思路。教我用for循環(huán)和小程序的網(wǎng)絡(luò)請求request。當(dāng)時(shí)遇到不會(huì)的就百度，問群友幫忙解決。自己的技術(shù)很爛，并沒有放棄，每天都肝到凌晨才睡。住也是住在公司，因?yàn)槭敲穹浚瑑煞恳粡d。在客廳辦公。有時(shí)間去看書充電。后面會(huì)講到我的學(xué)習(xí)之路。

在這家公司干了一年，做了好幾個(gè)項(xiàng)目，剛開始進(jìn)去的時(shí)候是做公司的產(chǎn)品，后面老板就一直沒有理會(huì)了，然后又接了幾個(gè)外包項(xiàng)目做。今年一月份就離職回老家了。離職的原因很簡單：老板是一個(gè)花父母的錢養(yǎng)員工的。而且很懶，不負(fù)責(zé)任，畫餅專家，做了好幾個(gè)項(xiàng)目都是爛項(xiàng)目。沒一個(gè)能掙到錢的，而且弄完設(shè)計(jì)圖就去睡覺。直接睡一天的那種，睡醒就起來吃，吃完就出去泡吧喝酒。不講武德，來騙來忽悠我這個(gè)22歲的前端新同志。整天對我畫餅，我也是離職之后才明白這些事情，還是我太年輕了太單純了。這次教訓(xùn)之后我才懂得，有些話聽聽就好，不要當(dāng)真。當(dāng)然，在這家公司是我成長最快的，我學(xué)到的東西還挺多的。也把自己學(xué)Vue用到了項(xiàng)目當(dāng)中，去年年底還趁有時(shí)間去學(xué)了技術(shù)胖出的React教程。也把React應(yīng)用了到我在這家公司做的最后一個(gè)項(xiàng)目里面。

現(xiàn)在的工作

我現(xiàn)在待的這家公司是做跨境電商的，創(chuàng)業(yè)型公司，福利基本的都有，十來個(gè)人，有3個(gè)后端，1個(gè)UI、1個(gè)測試、加我就是2個(gè)前端。所用到的技術(shù)棧：PC端是React，移動(dòng)端是Taro開發(fā)H5、小程序。剛進(jìn)去的時(shí)候主要是負(fù)責(zé)開發(fā)PC端的電商平臺(tái)，我和另一個(gè)前端大哥。后面PC正式上線之后，就開發(fā)了小程序，不得不說Taro的坑有點(diǎn)多。把小程序做完之后，又接著開發(fā)H5，開發(fā)H5只是把小程序的代碼復(fù)制一份把不兼容H5修修改改。到八月中旬團(tuán)隊(duì)規(guī)模已經(jīng)有六十幾個(gè)人，技術(shù)部占了一半。6個(gè)前端、9個(gè)后端、4個(gè)測試、2IOS、2安卓、產(chǎn)品、產(chǎn)品助理、UI、運(yùn)維都是一個(gè)。非常開心第一次加入這種配置比較好的公司，我們前端主要負(fù)責(zé)公司的電商平臺(tái)，還有一個(gè)分銷系統(tǒng)。接觸到的東西還是挺多的，公司的氛圍和同事們都挺好的。

我換了這么多家公司的主要原因：一是自己太過盲目渴望工作，并沒有好好得去選。二是從第二第三家公司都沒有做編程或者技術(shù)主管和項(xiàng)目經(jīng)理之類的職務(wù)。這些公司希望同學(xué)們就不要考慮了。去那些起碼有個(gè)后端的公司。技術(shù)牛的人，可以直接選擇大廠。不管自己什么學(xué)歷，試試才知道自己能不能進(jìn)。如果身邊有些朋友公司招人的話，可以選擇內(nèi)推。

1. 要養(yǎng)成一個(gè)有時(shí)間就給自己充電的習(xí)慣，這里說說我是怎么從一個(gè)連for循環(huán)、ifelse都不會(huì)的渣渣到一個(gè)前端工程師的路程。當(dāng)然，非常感謝第四家公司的老板和后端大哥給了我一次機(jī)會(huì)，主要是后端大哥在我遇到困難的時(shí)候總會(huì)給我思路。當(dāng)然也少不了我的大招JavaScript高級程序設(shè)計(jì)3這個(gè)書。看過的都說好，當(dāng)然現(xiàn)在也有了第四版。我沒買。在第四家公司我基本上是有空我就去翻高級程序設(shè)計(jì)3這本書，看看是不會(huì)的，一定要?jiǎng)邮终罩鴷锨茫ダ斫狻＿@是我大學(xué)老師跟我說的，也是我的恩師。不理解就百度找例子看看別人是怎么說這個(gè)知識(shí)點(diǎn)的。換種方式去理解。遇到難的實(shí)在不行就打斷點(diǎn)開控制臺(tái)，看執(zhí)行看結(jié)果。你就能明白了。學(xué)了這本書之后我終于知道面試常問的閉包，原型，原型鏈，面向?qū)ο螅录芭荩录校瘮?shù)防抖，函數(shù)節(jié)流等等這些概念。去理解這些知識(shí)點(diǎn)會(huì)發(fā)現(xiàn)非常有趣。我當(dāng)時(shí)都是懷著一個(gè)期待的心去看這些知識(shí)點(diǎn)，想知道它到底是個(gè)什么東西。這本書我學(xué)了一年才學(xué)完(畢竟還要工作趕項(xiàng)目)。有空就看，甚至有時(shí)候看到凌晨。基本每天必看的書，也把里面的圖和重要知識(shí)點(diǎn)畫出來記下來。我的基礎(chǔ)也是因?yàn)橛辛诉@本書才慢慢提升的。

2. 今年八九月份的時(shí)候，我的老師打電話給我，叫我回去跟學(xué)弟學(xué)妹們做個(gè)演講。闡述一遍自己從學(xué)校到社會(huì)的一個(gè)經(jīng)歷，是怎么從一個(gè)學(xué)渣到一個(gè)班級里優(yōu)秀的學(xué)生過程。我回去跟我的老師聊了這些年出社會(huì)的各方面，也請他吃了頓飯。來報(bào)答這幾年對我的教誨。當(dāng)時(shí)我最記得他說的那句話：班里成績最好的，并不代表出去混得最好。當(dāng)然也少不了自己的堅(jiān)持。我大學(xué)的室友(也是我的朋友)的一句名言:堅(jiān)持你所堅(jiān)持的。這兩句話使我在前端這個(gè)職業(yè)沒有輕易放棄，一直都在堅(jiān)持下去的原因。發(fā)現(xiàn)自己缺哪方面的知識(shí)就買什么書來學(xué)。看不一定會(huì)，要?jiǎng)邮侄鄬?shí)踐，這是一個(gè)實(shí)踐的行業(yè)。實(shí)踐才是檢驗(yàn)真理的唯一。

3. 還有不要怕犯錯(cuò)，知錯(cuò)就改。這次在這件事上做得不好，及時(shí)調(diào)整自己，記住這次的教訓(xùn)。下次不要再讓類似的情況發(fā)生。我就是這么過來的。在職業(yè)生涯里肯定難免幾次犯錯(cuò)。

4. 不要沉迷于游戲，我出來之后的一兩年里基本很少玩游戲，基本都是回家過年的時(shí)候才會(huì)玩。回深圳之后，就迅速調(diào)整自己。不碰游戲，專注于自己的技術(shù)。當(dāng)你想玩游戲的之前，想想自己的處境，自己的技術(shù)是不是很牛了？這樣才會(huì)放棄玩游戲的欲望。偶爾玩玩沒事兒，適當(dāng)放松放松。但是不要太過于放縱自己。

5. 也要學(xué)會(huì)投資自己，打個(gè)比方說，買本跟自己技術(shù)相關(guān)的書、一個(gè)視頻教程、一個(gè)能提高自己學(xué)習(xí)效率的工具(Mac)。付出了總會(huì)有回報(bào)的。

6. 現(xiàn)階段的我，在前端這個(gè)職業(yè)里，會(huì)把技術(shù)放在第一位，薪資第二位。技術(shù)提升了，薪資自然也會(huì)提升。所以一些剛步入社會(huì)的前端同學(xué)，有機(jī)會(huì)就去嘗試，不要錯(cuò)過每次的面試機(jī)會(huì)。不要太糾結(jié)薪資的問題，能夠養(yǎng)活自己就好。學(xué)到東西，提升自己的技術(shù)才是硬道理。

7. 我個(gè)人覺得看書雖然效率慢，但能夠知道很多知識(shí)點(diǎn)，而且講得很細(xì)。而看視頻教程呢，效率比較高，但是講得并不深。所以我還是選擇看書比較好。這就是我的成長總結(jié)，也算是一些建議。勿噴，每個(gè)人對每件事的觀點(diǎn)看法都不一樣，我只是說我自己的一些看法。我所學(xué)的，所努力，所做的這些都是為了給家人為自己爭口氣。

1. 慢慢的發(fā)現(xiàn)自己對業(yè)務(wù)這一塊了解的并不是很多，畢竟只是單方面對技術(shù)過多的去彌補(bǔ)，并沒有考慮過業(yè)務(wù)的東西。產(chǎn)品提需求就做，并沒有仔細(xì)的想過這個(gè)功能對這個(gè)項(xiàng)目的價(jià)值在哪？我遇到過很多次都是做出來了這個(gè)功能，結(jié)果完全沒用上，到最后直接被砍掉的情況。

2. 一個(gè)技術(shù)問題死磕到底。中間就沒停過，就連通勤、吃飯、洗澡、睡覺前都會(huì)在反復(fù)的去想這個(gè)問題用什么比較好一點(diǎn)的方案去實(shí)現(xiàn)，或者這個(gè)功能用什么比較好的方法去優(yōu)化呢？

以上只是舉了一兩個(gè)我個(gè)人比較嚴(yán)重的不足之處，當(dāng)然也有在學(xué)習(xí)相關(guān)的書籍和資料，補(bǔ)充自己不足。

不求進(jìn)大廠，只求通過自己不斷努力提升自己的技術(shù)，對標(biāo)大廠P級別，這就是我未來的目標(biāo)。如果能進(jìn)那就最好。我要打破一個(gè)大專學(xué)歷的渣渣也能成為大佬級別的人。

今年也給自己立了幾個(gè)目標(biāo)，一是學(xué)完ES6，二是買一臺(tái)MacBookPro，都如期的完成了。感覺自己今年學(xué)到的東西挺多噠，很開心自己又成長啦??????，也提前完成了今年的目標(biāo)啦。另外還看了幾本關(guān)于自己職業(yè)的相關(guān)書籍啦。知道如何從一個(gè)新手到大師的過程和所具備的思維方式。還有一些學(xué)習(xí)方式。這基本對于我們程序員來說最好不過了，推薦大家看。自己的收獲滿滿噠。最驚喜的是自己還弄了一個(gè)服務(wù)器。雖然最后兩三個(gè)月自己有點(diǎn)網(wǎng)癮有點(diǎn)頹廢。但是看看銀行卡余額學(xué)習(xí)的動(dòng)力就來啦。2020年馬上就要過去了，雖然說是一個(gè)不好的年，但是我們都要一起努力加油！新的一年新目標(biāo)。數(shù)據(jù)結(jié)構(gòu)，設(shè)計(jì)模式，沖鴨！

我想說的實(shí)在太多太多了，一時(shí)想不起來了，這些都是我嘔心瀝血寫出來的東西，非常高興，很開心能夠鼓起勇氣寫下人生的第一篇文章。如有不足請各位大佬多多指點(diǎn)。寫作不容易，也希望各位大佬能夠給個(gè)贊。這樣我才有勇氣一直寫作下去。我也會(huì)努力提高自己的寫作水平。在新的一年里，祝大家平平安安，心想事成，個(gè)個(gè)都能進(jìn)大廠。

來自：圖圖學(xué)編程

https://juejin.cn/post/6910902229461368840

The End

最后不要忘了點(diǎn)贊呦！

祝 2022 年暴富！暴美！暴瘦！