來(lái)自2.5年前端小白的總結(jié)
點(diǎn)擊上方?前端瓶子君，關(guān)注公眾號(hào)
回復(fù)算法，加入前端編程面試算法每日一題群
前言
先來(lái)個(gè)自我介紹，各位掘金的大佬好，我是前端_圖圖，沒(méi)錯(cuò)，是圖圖。趁著周末的時(shí)間好好回想了一下自己出來(lái)社會(huì)這兩年多里所走的路，下面廢話不多說(shuō)，進(jìn)入正題。
我是一名大專生(大專怎么了？大專也有成為大佬級(jí)別的人物)，在學(xué)校的時(shí)候?qū)W的是電子商務(wù)，其實(shí)上課學(xué)的都是什么HTML、CSS、Js、還有MySql、PHP這些。在大學(xué)里并沒(méi)有怎么學(xué)，整天都是和舍友打游戲，什么LOL，毒奶粉之類的，浪費(fèi)了三年時(shí)光。然后去南寧實(shí)訓(xùn)了三個(gè)月，當(dāng)時(shí)選的班級(jí)是前端，為什么選前端呢？因?yàn)樵趯W(xué)校的時(shí)候?qū)W了一點(diǎn)，也有一丟丟的基礎(chǔ)。
從學(xué)校到社會(huì)
18年9月份從學(xué)校出來(lái)找工作，出來(lái)之后就沒(méi)有玩過(guò)游戲了，被社會(huì)一頓毒打，經(jīng)過(guò)很多挫折磨難，剛開(kāi)始去面試的時(shí)候基本都是遇到一些培訓(xùn)機(jī)構(gòu)，當(dāng)時(shí)只要有面試邀請(qǐng)都非常的開(kāi)心，但是上度娘一搜都是xxx培訓(xùn)機(jī)構(gòu)什么的，只能吐槽深圳的培訓(xùn)機(jī)構(gòu)是真的多。
第一份工作
過(guò)了兩個(gè)星期之后終于有了希望，收到一家外包公司的邀請(qǐng)，然后就去了。也是創(chuàng)業(yè)型公司，才幾個(gè)人。兩個(gè)后端一個(gè)小姐姐前端一個(gè)UI加上老板就五個(gè)人。然后我也被這家公司錄取了，當(dāng)時(shí)跟老板談的是3k一月。在里面只是用jQuery和原生js寫一個(gè)管理系統(tǒng)。我回想當(dāng)時(shí)我的前端基礎(chǔ)那叫一個(gè)差，后來(lái)我就買了一本HTML+Css+JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通和一本鋒利的jQuery來(lái)學(xué)。放在現(xiàn)在這兩本書對(duì)我來(lái)說(shuō)并沒(méi)有什么用了。
公司有個(gè)電商項(xiàng)目給另一個(gè)前端小姐姐做，當(dāng)時(shí)她也是剛學(xué)完Vue，然后就用Vue做這個(gè)項(xiàng)目，我就產(chǎn)生了好奇。我就去網(wǎng)上找教程，找到了Vue仿美團(tuán)的教程，感覺(jué)質(zhì)量還行，然后就學(xué)了兩個(gè)星期。只是入了個(gè)門。當(dāng)時(shí)對(duì)ES6、webpack、Git都不知道是個(gè)啥東西，就照著視頻教程里面敲。項(xiàng)目差不多完成之后，那位小姐姐就跑路了。就等于丟了個(gè)坑給我。而且我基礎(chǔ)又差。后面加了個(gè)需求，需要調(diào)后端接口，我弄了兩天，那時(shí)候的我對(duì)ajax一無(wú)所知。后來(lái)請(qǐng)了大學(xué)老師和技術(shù)胖群里的一位大佬幫我解決了。從此對(duì)前端產(chǎn)生了好感。我在這家公司待了一個(gè)月才發(fā)現(xiàn)自己是無(wú)薪的。另外一個(gè)前端也跑了，后來(lái)我也跑了。繼續(xù)找下家。
第二份工作
在家待了三四天吧。又收到了面試邀請(qǐng)。也是一家小公司，開(kāi)的薪資是3.5k，去面試的時(shí)候就看到兩個(gè)人，老板和一個(gè)UI。這家公司是做小程序的。還好我在出來(lái)找工作的時(shí)候，學(xué)了一丟丟的程序。我拿了我之前學(xué)的Vue仿美團(tuán)的項(xiàng)目給他看。他覺(jué)得還可以。成功找到了第二份工作。
我只在這家公司做了一個(gè)星期就離職了。原因很簡(jiǎn)單。老板要求加班，我對(duì)加班并沒(méi)有什么反感，但是距離公司有點(diǎn)遠(yuǎn)，當(dāng)時(shí)住在龍崗，公司在華強(qiáng)北的賽格大廈。下班回到家已經(jīng)很晚了。而且我住的地方離地鐵站有點(diǎn)遠(yuǎn)。還要坐一趟公交出來(lái)才到，公交晚上八點(diǎn)半就沒(méi)有了。而且后端還是一個(gè)兼職的后端。然后我故意表現(xiàn)得不好，然后老板就把我開(kāi)了。得了七百多塊錢薪水。然后我用這個(gè)錢去買了一本阮大佬的ES6，還有高級(jí)程序設(shè)計(jì)3來(lái)學(xué)。
第三份工作
當(dāng)時(shí)在家投簡(jiǎn)歷看小程序的教程，當(dāng)時(shí)并沒(méi)有練，只是一直在看。收到了面試的邀請(qǐng)非常興奮的就去。找了一家做家居和新媒體運(yùn)營(yíng)的小公司。也是幾個(gè)人而已。開(kāi)的薪資也是3.5k，做一個(gè)家居的小程序，也是沒(méi)有后端，當(dāng)時(shí)老板只是口頭上說(shuō)要招，其實(shí)我已經(jīng)看出來(lái)他并不想招，原因很簡(jiǎn)單，成本高。小公司一般都是這樣。想讓我自己一個(gè)人搞定，我當(dāng)時(shí)的基礎(chǔ)并不好，別說(shuō)后端了。當(dāng)時(shí)我寫的小程序除了寫一些簡(jiǎn)單的樣式，其余的什么購(gòu)物車和登錄都是復(fù)制粘貼網(wǎng)上的。然后過(guò)半個(gè)月我已經(jīng)寫好了。老板問(wèn)我能不能上線，我直接懵了，連個(gè)后端都沒(méi)有還談上線。我很記得有一次，他找我談話，問(wèn)我會(huì)不會(huì)大數(shù)據(jù)，人工智能這些。我只能告訴他，用什么語(yǔ)言寫。
唉，很悲哀，這些不懂的人都以為一個(gè)程序員什么大數(shù)據(jù)人工智能都會(huì)。我心里想，如果我會(huì)？我還在你這家破公司待？后面小程序項(xiàng)目取消，直接去第三方賣一個(gè)。后面又叫我負(fù)責(zé)做一個(gè)官網(wǎng)，其實(shí)是一個(gè)門戶網(wǎng)。用織夢(mèng)二次開(kāi)發(fā)的。公司買了臺(tái)服務(wù)器給我搞，還好我有一些同學(xué)搞SEO優(yōu)化和二次開(kāi)發(fā)的。我對(duì)二次開(kāi)發(fā)并沒(méi)有什么興趣，然后我就沒(méi)做，就托付他們幫我弄。上班的時(shí)候就叫他們遠(yuǎn)程來(lái)幫我搞。后來(lái)做出來(lái)老板不滿意不是他們想要的效果，老板就把我開(kāi)了。那時(shí)候剛好是元旦，剛好入職一個(gè)月。開(kāi)心的拿到了3.5k薪資。回去繼續(xù)找工作。
第四份工作
第四份工作，也是做小程序的。也是一家創(chuàng)業(yè)型公司。做旅游行業(yè)的，據(jù)說(shuō)創(chuàng)業(yè)失敗，然后轉(zhuǎn)型做軟件了。三個(gè)人，老板+后端都是95后。在一個(gè)民房里面辦公，也就是老板的家，老板是深圳本地人。福田和龍華都有房，一個(gè)富二代，辦公就在龍華。當(dāng)時(shí)心想，終于找到一個(gè)有后端的公司了。因?yàn)榻?jīng)過(guò)前面兩家公司都沒(méi)有后端已經(jīng)怕了。面試完之后，回去等通知。晚上發(fā)消息告訴我，周一上班，給出的薪資試用期3k，轉(zhuǎn)正4k。當(dāng)時(shí)沒(méi)想那么多。有工作就去了。
我記得當(dāng)時(shí)我連獲取input框的值和一個(gè)ifelse都不會(huì)，都是靠百度或者問(wèn)群友才會(huì)。最最記得的寫ifelse判斷Tabbar跳轉(zhuǎn)對(duì)應(yīng)的頁(yè)面都寫不出來(lái)，更別說(shuō)for循環(huán)了。后面問(wèn)了一個(gè)群友加她好友遠(yuǎn)程幫我寫出來(lái)的。注意我的用詞她，是一位前端小姐姐。才發(fā)現(xiàn)我的技術(shù)那么爛。好在公司的兩個(gè)后端，我不會(huì)的他們都會(huì)教我給我思路。教我用for循環(huán)和小程序的網(wǎng)絡(luò)請(qǐng)求request。當(dāng)時(shí)遇到不會(huì)的就百度，問(wèn)群友幫忙解決。自己的技術(shù)很爛，并沒(méi)有放棄，每天都肝到凌晨才睡。住也是住在公司，因?yàn)槭敲穹浚瑑煞恳粡d。在客廳辦公。有時(shí)間去看書充電。后面會(huì)講到我的學(xué)習(xí)之路。
在這家公司干了一年，做了好幾個(gè)項(xiàng)目，剛開(kāi)始進(jìn)去的時(shí)候是做公司的產(chǎn)品，后面老板就一直沒(méi)有理會(huì)了，然后又接了幾個(gè)外包項(xiàng)目做。今年一月份就離職回老家了。離職的原因很簡(jiǎn)單：老板是一個(gè)花父母的錢養(yǎng)員工的。而且很懶，不負(fù)責(zé)任，畫餅專家，做了好幾個(gè)項(xiàng)目都是爛項(xiàng)目。沒(méi)一個(gè)能掙到錢的，而且弄完設(shè)計(jì)圖就去睡覺(jué)。直接睡一天的那種，睡醒就起來(lái)吃，吃完就出去泡吧喝酒。不講武德，來(lái)騙來(lái)忽悠我這個(gè)22歲的前端新同志。整天對(duì)我畫餅，我也是離職之后才明白這些事情，還是我太年輕了太單純了。這次教訓(xùn)之后我才懂得，有些話聽(tīng)聽(tīng)就好，不要當(dāng)真。當(dāng)然，在這家公司是我成長(zhǎ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è)型公司，福利基本的都有，十來(lái)個(gè)人，有3個(gè)后端，1個(gè)UI、1個(gè)測(cè)試、加我就是2個(gè)前端。所用到的技術(shù)棧：PC端是React，移動(dòng)端是Taro開(kāi)發(fā)H5、小程序。剛進(jìn)去的時(shí)候主要是負(fù)責(zé)開(kāi)發(fā)PC端的電商平臺(tái)，我和另一個(gè)前端大哥。后面PC正式上線之后，就開(kāi)發(fā)了小程序，不得不說(shuō)Taro的坑有點(diǎn)多。把小程序做完之后，又接著開(kāi)發(fā)H5，開(kāi)發(fā)H5只是把小程序的代碼復(fù)制一份把不兼容H5修修改改。到八月中旬團(tuán)隊(duì)規(guī)模已經(jīng)有六十幾個(gè)人，技術(shù)部占了一半。6個(gè)前端、9個(gè)后端、4個(gè)測(cè)試、2IOS、2安卓、產(chǎn)品、產(chǎn)品助理、UI、運(yùn)維都是一個(gè)。非常開(kāi)心第一次加入這種配置比較好的公司，我們前端主要負(fù)責(zé)公司的電商平臺(tái)，還有一個(gè)分銷系統(tǒng)。接觸到的東西還是挺多的，公司的氛圍和同事們都挺好的。
我換了這么多家公司的主要原因：一是自己太過(guò)盲目渴望工作，并沒(méi)有好好得去選。二是從第二第三家公司都沒(méi)有做編程或者技術(shù)主管和項(xiàng)目經(jīng)理之類的職務(wù)。這些公司希望同學(xué)們就不要考慮了。去那些起碼有個(gè)后端的公司。技術(shù)牛的人，可以直接選擇大廠。不管自己什么學(xué)歷，試試才知道自己能不能進(jìn)。如果身邊有些朋友公司招人的話，可以選擇內(nèi)推。
成長(zhǎng)總結(jié)
要養(yǎng)成一個(gè)有時(shí)間就給自己充電的習(xí)慣，這里說(shuō)說(shuō)我是怎么從一個(gè)連
for循環(huán)、ifelse都不會(huì)的渣渣到一個(gè)前端工程師的路程。當(dāng)然，非常感謝第四家公司的老板和后端大哥給了我一次機(jī)會(huì)，主要是后端大哥在我遇到困難的時(shí)候總會(huì)給我思路。當(dāng)然也少不了我的大招JavaScript高級(jí)程序設(shè)計(jì)3這個(gè)書。看過(guò)的都說(shuō)好，當(dāng)然現(xiàn)在也有了第四版。我沒(méi)買。在第四家公司我基本上是有空我就去翻高級(jí)程序設(shè)計(jì)3這本書，看看是不會(huì)的，一定要?jiǎng)邮终罩鴷锨茫ダ斫狻＿@是我大學(xué)老師跟我說(shuō)的，也是我的恩師。不理解就百度找例子看看別人是怎么說(shuō)這個(gè)知識(shí)點(diǎn)的。換種方式去理解。遇到難的實(shí)在不行就打斷點(diǎn)開(kāi)控制臺(tái)，看執(zhí)行看結(jié)果。你就能明白了。學(xué)了這本書之后我終于知道面試常問(wèn)的閉包，原型，原型鏈，面向?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)畫出來(lái)記下來(lái)。我的基礎(chǔ)也是因?yàn)橛辛诉@本書才慢慢提升的。今年八九月份的時(shí)候，我的老師打電話給我，叫我回去跟學(xué)弟學(xué)妹們做個(gè)演講。闡述一遍自己從學(xué)校到社會(huì)的一個(gè)經(jīng)歷，是怎么從一個(gè)學(xué)渣到一個(gè)班級(jí)里優(yōu)秀的學(xué)生過(guò)程。我回去跟我的老師聊了這些年出社會(huì)的各方面，也請(qǐng)他吃了頓飯。來(lái)報(bào)答這幾年對(duì)我的教誨。當(dāng)時(shí)我最記得他說(shuō)的那句話：班里成績(jī)最好的，并不代表出去混得最好。當(dāng)然也少不了自己的堅(jiān)持。我大學(xué)的室友(也是我的朋友)的一句名言:堅(jiān)持你所堅(jiān)持的。這兩句話使我在前端這個(gè)職業(yè)沒(méi)有輕易放棄，一直都在堅(jiān)持下去的原因。發(fā)現(xiàn)自己缺哪方面的知識(shí)就買什么書來(lái)學(xué)。看不一定會(huì)，要?jiǎng)邮侄鄬?shí)踐，這是一個(gè)實(shí)踐的行業(yè)。實(shí)踐才是檢驗(yàn)真理的唯一。
還有不要怕犯錯(cuò)，知錯(cuò)就改。這次在這件事上做得不好，及時(shí)調(diào)整自己，記住這次的教訓(xùn)。下次不要再讓類似的情況發(fā)生。我就是這么過(guò)來(lái)的。在職業(yè)生涯里肯定難免幾次犯錯(cuò)。
不要沉迷于游戲，我出來(lái)之后的一兩年里基本很少玩游戲，基本都是回家過(guò)年的時(shí)候才會(huì)玩。回深圳之后，就迅速調(diào)整自己。不碰游戲，專注于自己的技術(shù)。當(dāng)你想玩游戲的之前，想想自己的處境，自己的技術(shù)是不是很牛了？這樣才會(huì)放棄玩游戲的欲望。偶爾玩玩沒(méi)事兒，適當(dāng)放松放松。但是不要太過(guò)于放縱自己。
也要學(xué)會(huì)投資自己，打個(gè)比方說(shuō)，買本跟自己技術(shù)相關(guān)的書、一個(gè)視頻教程、一個(gè)能提高自己學(xué)習(xí)效率的工具(Mac)。付出了總會(huì)有回報(bào)的。
現(xiàn)階段的我，在前端這個(gè)職業(yè)里，會(huì)把技術(shù)放在第一位，薪資第二位。技術(shù)提升了，薪資自然也會(huì)提升。所以一些剛步入社會(huì)的前端同學(xué)，有機(jī)會(huì)就去嘗試，不要錯(cuò)過(guò)每次的面試機(jī)會(huì)。不要太糾結(jié)薪資的問(wèn)題，能夠養(yǎng)活自己就好。學(xué)到東西，提升自己的技術(shù)才是硬道理。
我個(gè)人覺(jué)得看書雖然效率慢，但能夠知道很多知識(shí)點(diǎn)，而且講得很細(xì)。而看視頻教程呢，效率比較高，但是講得并不深。所以我還是選擇看書比較好。這就是我的成長(zhǎng)總結(jié)，也算是一些建議。勿噴，每個(gè)人對(duì)每件事的觀點(diǎn)看法都不一樣，我只是說(shuō)我自己的一些看法。我所學(xué)的，所努力，所做的這些都是為了給家人為自己爭(zhēng)口氣。
自己的不足
慢慢的發(fā)現(xiàn)自己對(duì)業(yè)務(wù)這一塊了解的并不是很多，畢竟只是單方面對(duì)技術(shù)過(guò)多的去彌補(bǔ)，并沒(méi)有考慮過(guò)業(yè)務(wù)的東西。產(chǎn)品提需求就做，并沒(méi)有仔細(xì)的想過(guò)這個(gè)功能對(duì)這個(gè)項(xiàng)目的價(jià)值在哪？我遇到過(guò)很多次都是做出來(lái)了這個(gè)功能，結(jié)果完全沒(méi)用上，到最后直接被砍掉的情況。
一個(gè)技術(shù)問(wèn)題死磕到底。中間就沒(méi)停過(guò)，就連通勤、吃飯、洗澡、睡覺(jué)前都會(huì)在反復(fù)的去想這個(gè)問(wèn)題用什么比較好一點(diǎn)的方案去實(shí)現(xiàn)，或者這個(gè)功能用什么比較好的方法去優(yōu)化呢？
以上只是舉了一兩個(gè)我個(gè)人比較嚴(yán)重的不足之處，當(dāng)然也有在學(xué)習(xí)相關(guān)的書籍和資料，補(bǔ)充自己不足。
未來(lái)的職業(yè)規(guī)劃
不求進(jìn)大廠，只求通過(guò)自己不斷努力提升自己的技術(shù)，對(duì)標(biāo)大廠P級(jí)別，這就是我未來(lái)的目標(biāo)。如果能進(jìn)那就最好。我要打破一個(gè)大專學(xué)歷的渣渣也能成為大佬級(jí)別的人。
年總結(jié)
今年也給自己立了幾個(gè)目標(biāo)，一是學(xué)完ES6，二是買一臺(tái)MacBookPro，都如期的完成了。感覺(jué)自己今年學(xué)到的東西挺多噠，很開(kāi)心自己又成長(zhǎng)啦??????，也提前完成了今年的目標(biāo)啦。另外還看了幾本關(guān)于自己職業(yè)的相關(guān)書籍啦。知道如何從一個(gè)新手到大師的過(guò)程和所具備的思維方式。還有一些學(xué)習(xí)方式。這基本對(duì)于我們程序員來(lái)說(shuō)最好不過(guò)了，推薦大家看。自己的收獲滿滿噠。最驚喜的是自己還弄了一個(gè)服務(wù)器。雖然最后兩三個(gè)月自己有點(diǎn)網(wǎng)癮有點(diǎn)頹廢。但是看看銀行卡余額學(xué)習(xí)的動(dòng)力就來(lái)啦。2020年馬上就要過(guò)去了，雖然說(shuō)是一個(gè)不好的年，但是我們都要一起努力加油！新的一年新目標(biāo)。數(shù)據(jù)結(jié)構(gòu)，設(shè)計(jì)模式，沖鴨！
結(jié)尾
我想說(shuō)的實(shí)在太多太多了，一時(shí)想不起來(lái)了，這些都是我嘔心瀝血寫出來(lái)的東西，非常高興，很開(kāi)心能夠鼓起勇氣寫下人生的第一篇文章。如有不足請(qǐng)各位大佬多多指點(diǎn)。寫作不容易，也希望各位大佬能夠給個(gè)贊。這樣我才有勇氣一直寫作下去。我也會(huì)努力提高自己的寫作水平。在新的一年里，祝大家平平安安，心想事成，個(gè)個(gè)都能進(jìn)大廠。
來(lái)自：圖圖學(xué)編程
https://juejin.cn/post/6910902229461368840