在網(wǎng)絡(luò)上白嫖了這么多年技術(shù)，現(xiàn)在也想輸出一點(diǎn)自己粗陋的見(jiàn)解佛猛，希望可以幫助到你惑芭，砥礪前行。
四年多的時(shí)間继找，我從抓耳撓腮的菜鳥到可以獨(dú)當(dāng)一面高T遂跟，薪資漲幅超過(guò)1000%，10倍不止婴渡。這一切都要感謝公司提供的平臺(tái)幻锁、自己付出的努力、同事伸出的援手边臼。
關(guān)于我
程序員中的底層卑微人士的我哄尔，于16年畢業(yè)于一所不知名的專科學(xué)校柠并×虢樱空有一番豪云壯志的我便試圖開始開始混跡于大神云集的程序員行業(yè)。
工作經(jīng)歷
在前端開發(fā)大肆流行的風(fēng)口臼予，走出學(xué)校的我憑借著切圖碼頁(yè)面的功底鸣戴， 在一個(gè)二線城市找到了一份溫飽的工作，月薪 2900 粘拾、沒(méi)有五險(xiǎn)一金窄锅、偶爾加班。
雖然是一個(gè)二線城市缰雇、一家創(chuàng)業(yè)公司入偷，但是因?yàn)槲业膶W(xué)歷和能力，無(wú)疑是公司最低端的人械哟，還好同事人不錯(cuò)且公司就我一個(gè)前端盯串，獨(dú)苗，所以那時(shí)的我算是公司前端的天花板了吧戒良。哈哈。雖然我只會(huì)html冠摄、css糯崎。
半年后几缭，公司卒，大家揮手告別沃呢，各奔前程年栓。
面試了七八家公司之后才有幸能加入一家中型公司，電商行業(yè)薄霜。在這里真正的體會(huì)到了互聯(lián)網(wǎng)產(chǎn)品的完整的體系某抓，還有就是無(wú)盡的加班加班加班。曾在11點(diǎn)下班的路上被老板打電話“回去加班惰瓜，如果做不完的話否副，第二天自己去辭職”。此時(shí)的我崎坊，js 還寫的不利索备禀。雖然是加班，雖然是單休奈揍。但是我依舊每天晚上看視頻曲尸、看教程，學(xué)習(xí)自己不會(huì)的知識(shí)男翰，直到深夜另患。
因?yàn)槲以诩夹g(shù)上面試圖求助于我的leader的時(shí)候，被告知蛾绎，“大家都是打工人昆箕，我不可能花時(shí)間在你的身上幫助你提高技術(shù)，得靠自己”秘通。自己暗暗發(fā)誓一定要成為一個(gè)高T为严。
四個(gè)月后，業(yè)務(wù)組瀕臨解散之前肺稀，主動(dòng)辭職到大城市去接受社會(huì)的毒打第股。
受限于自己的學(xué)歷和工齡，在北京四處碰壁话原，才有幸加入了一家公司夕吻。
依舊是創(chuàng)業(yè)公司，依舊是我一個(gè)前端繁仁。公司除了我以外涉馅，都是985 211或者留學(xué)歸來(lái)的同社會(huì)頂尖人才。還好同事都比較nice黄虱。不加班稚矿，平時(shí)業(yè)務(wù)也比較清閑，所以花費(fèi)了很多時(shí)間在學(xué)習(xí)新的技術(shù)上。
繼續(xù)夯實(shí)自己的js基礎(chǔ)晤揣、學(xué)習(xí)了React技術(shù)棧并重構(gòu)了公司項(xiàng)目桥爽，學(xué)習(xí)webpack、網(wǎng)絡(luò)協(xié)議等等一切一個(gè)前端應(yīng)該掌握的技能昧识。
并且堅(jiān)持寫技術(shù)博客钠四。，這一點(diǎn)很重要跪楞。
積極參加線上線下的論壇活動(dòng)缀去。學(xué)習(xí)新的知識(shí)。那時(shí)的我就像一個(gè)元素精靈種子遇水一樣（地域男爵橋段）甸祭。
深知自己學(xué)歷的短板缕碎，報(bào)考了自學(xué)本科考試，并在三年后順利拿到了畢業(yè)證淋叶。這一點(diǎn)也很重要阎曹。
來(lái)北京這一年，都是在不停的學(xué)習(xí)煞檩、學(xué)習(xí)处嫌、學(xué)習(xí)。
一年后斟湃，公司卒熏迹。
那時(shí)的我發(fā)了一個(gè)朋友圈。
次月凝赛，再一次加入了一家創(chuàng)業(yè)公司注暗，還好沒(méi)有倒閉，在職至今墓猎。
我歡呼雀躍終于不是一個(gè)人在戰(zhàn)斗了捆昏，10多個(gè)前端小伙伴，如火如荼的干著毙沾。從公司只有一個(gè)B端系統(tǒng)骗卜，到幾十個(gè)。從10端個(gè)前端小伙伴左胞，干到只有我一個(gè)寇仓。你們能體會(huì)到我的那種心情么？能么烤宙？我特么....
打不死你的會(huì)讓你更強(qiáng)大遍烦，多年的前端單兵作戰(zhàn)經(jīng)歷，讓我的攻堅(jiān)能力特別的強(qiáng)躺枕，這也是我最近找新工作的最大優(yōu)點(diǎn)服猪。
有人可能要問(wèn)了供填，為什么不換個(gè)公司呢？我的想法是：技術(shù)人員不要頻繁的跳槽蔓姚，不利于你技術(shù)能力的沉淀捕虽。我們要知道，技術(shù)是服務(wù)于業(yè)務(wù)的坡脐。真正能給公司帶來(lái)現(xiàn)金的業(yè)務(wù)的發(fā)展。給我們自己帶來(lái)價(jià)值的是你在這個(gè)業(yè)務(wù)中的成長(zhǎng)房揭。雖然技術(shù)的能力也同樣重要备闲。
但是又有人要問(wèn)了，那你為什么在這個(gè)時(shí)候離職呢捅暴？每個(gè)人都有自己的計(jì)算邏輯和想法恬砂，深夜卜了一掛。現(xiàn)在走最合適蓬痒。
面試準(zhǔn)備和經(jīng)歷
網(wǎng)上各種面試教程泻骤、各種技能樹層出不窮。但是終究都是別人的東西梧奢。包括我接下來(lái)說(shuō)的也可能只適合我妖胀，如果能幫助到你捍岳，倍感榮幸。
我的面試準(zhǔn)備大概準(zhǔn)備了三個(gè)月的時(shí)間，你可能覺(jué)得時(shí)間很長(zhǎng)署辉。但是按照我司的每天工作時(shí)長(zhǎng)來(lái)講，夾縫中求發(fā)展幽歼，這個(gè)時(shí)間也不算長(zhǎng)躬窜。
因?yàn)槲覀冮L(zhǎng)期伏于業(yè)務(wù)代碼，好多基礎(chǔ)知識(shí)點(diǎn)會(huì)有些許忘卻蹦锋，所以第一步就是知識(shí)點(diǎn)的復(fù)習(xí)兆沙。
簡(jiǎn)單的說(shuō)一下我復(fù)習(xí)的知識(shí)點(diǎn)。
第一步：復(fù)習(xí)知識(shí)點(diǎn)
- React相關(guān)知識(shí)
- Webpack相關(guān)知識(shí)
- ES6莉掂、7
- JS基礎(chǔ)知識(shí)
- 網(wǎng)絡(luò)知識(shí) 包括但不限于 http2 https 等
- nginx
- 算法
- 網(wǎng)絡(luò)安全
- css3 等
- 設(shè)計(jì)模式
- node
- 常見(jiàn)的手寫代碼題
- 復(fù)習(xí)自己擼過(guò)的源碼
- ......
當(dāng)然每個(gè)大的知識(shí)點(diǎn)細(xì)分下去會(huì)有很多細(xì)小的分支葛圃。我們盡可能都復(fù)習(xí)到。
這里我們要根據(jù)自己的能力和技術(shù)棧來(lái)計(jì)劃自己的復(fù)習(xí)點(diǎn)巫湘。不要一味的相信那種 ...工程師必須掌握的...技能装悲。自己經(jīng)常使用什么技術(shù)，使用什么框架只有自己清楚尚氛。比如我來(lái)講诀诊，我不會(huì)去復(fù)習(xí) TS 、GraphQL等阅嘶。雖然自己有學(xué)習(xí)過(guò)属瓣，但是工作中并不使用载迄，沒(méi)有多深入的見(jiàn)解。把時(shí)間花到點(diǎn)子上抡蛙。 面試中提問(wèn)到了就說(shuō)自己工作中不使用护昧，不怎么掌握，但是了解一點(diǎn)（可千萬(wàn)別說(shuō)自己不知道粗截，一點(diǎn)都不會(huì)）惋耙。要是你真的一點(diǎn)都不了解，說(shuō)明你還有好多東西要學(xué)熊昌，要繼續(xù)努力绽榛。
這里給自己加點(diǎn)自信，人不是什么都會(huì)的婿屹。面試的時(shí)候你這樣想“要是LZ什么都會(huì)灭美，就不是你面試我了，而是我面試你”昂利，雖然面試官也不是什么都會(huì)届腐。哈哈哈。心態(tài)很重要蜂奸。
第二步：刷題
求職必走的道路犁苏，網(wǎng)上的面試題特別多，刷個(gè)半個(gè)月基本上都差不多了窝撵。我所遇到的題目傀顾，我在后面會(huì)列出來(lái)。
第三步：寫簡(jiǎn)歷
大多數(shù)人會(huì)忽視一份好簡(jiǎn)歷的作用碌奉，以及如何寫一份好的簡(jiǎn)歷短曾。因?yàn)楹?jiǎn)歷是一個(gè)拿到面試機(jī)會(huì)的敲門磚，所以如何寫好一個(gè)簡(jiǎn)歷是一個(gè)很重要的軟技能赐劣。
拿我自己來(lái)舉列吧嫉拐。專科畢業(yè)的我明顯是我的短板魁兼。所以學(xué)歷等資質(zhì)我不會(huì)放到顯眼的地方婉徘。項(xiàng)目能經(jīng)歷豐富和經(jīng)常性的博客輸出是我簡(jiǎn)歷的最大賣點(diǎn)。所以會(huì)優(yōu)先展示咐汞。
在這里我要著重說(shuō)一句：寫博客真的是一個(gè)穩(wěn)賺不賠的事情盖呼，無(wú)論從你的求職還是自己的技術(shù)沉淀上來(lái)說(shuō)。有些人會(huì)覺(jué)得自己文筆不好化撕，寫的太爛几晤。說(shuō)句實(shí)在話，沒(méi)有人一開始就寫的很好植阴。都是慢慢練出來(lái)的蟹瘾。就好比我自己的博客圾浅，到現(xiàn)在依舊寫的很爛。但是又有什么關(guān)系呢憾朴，好記性不如爛筆頭狸捕。常年寫博客最起碼代表著你注重技術(shù)的積累和反思復(fù)盤。 寫博客并不局限于寫什么新的技術(shù)點(diǎn)众雷。自己的反思灸拍，復(fù)盤，見(jiàn)解砾省，見(jiàn)識(shí)株搔，都可以。
簡(jiǎn)歷中自己的博客地址一定要寫到最顯眼的地方纯蛾。
個(gè)人經(jīng)驗(yàn)，最近的面試纵隔，大多數(shù)面試官都會(huì)和我談及到我博客中所寫的一些東西翻诉，深入來(lái)講講等。 效果都不錯(cuò)捌刮。
項(xiàng)目經(jīng)歷切記不要流水賬
大多數(shù)前端同學(xué)都是這么寫的
- 參與某某項(xiàng)目的開發(fā)
- 根據(jù)需求文檔編寫頁(yè)面……
- 使用props碰煌，state來(lái)做狀態(tài)管理
- 使用**.js 來(lái)實(shí)現(xiàn)某某功能
- 使用**.js 來(lái)實(shí)現(xiàn)某某功能
- 項(xiàng)目的上線和需求迭代
- ......
這種流水賬式的簡(jiǎn)歷，一點(diǎn)可嚼性都沒(méi)有绅作。寡淡無(wú)味芦圾。我們要多寫一些難點(diǎn)、亮點(diǎn)項(xiàng)目俄认。比如可以這么寫个少。
- 負(fù)責(zé)整體前端項(xiàng)目的開發(fā)和進(jìn)度把控
- 需求評(píng)審和項(xiàng)目討論，并提出建設(shè)性意見(jiàn)
- 使用lazyload技術(shù)加快首屏渲染速度眯杏，1s內(nèi)首屏渲染率達(dá)到90%... （數(shù)字總會(huì)讓人感到真實(shí)）
- redux 管理全局狀態(tài)夜焦，state分管各組件狀態(tài)，使用優(yōu)化手段來(lái)降低render率岂贩，提升性能茫经。（面試官會(huì)問(wèn)你 優(yōu)化等手段，正中下懷）
- 項(xiàng)目上線做業(yè)務(wù)預(yù)期達(dá)成率的評(píng)估和分析萎津。（復(fù)盤的習(xí)慣很好）
- 項(xiàng)目中的難點(diǎn)：****卸伞，使用****手段或者方式來(lái)解決，并輸出了技術(shù)文檔或者是復(fù)盤文檔锉屈。（顯示你的攻堅(jiān)能力）
雖然兩種方式都是寫的同一種經(jīng)歷荤傲，但是明顯后一種要比前一種更讓人眼前一亮。
作為面試官的我 就有點(diǎn)想多了解你一點(diǎn)部念。
第四步：找練手公司
如果你不是信心滿滿弃酌，就先找練手公司吧氨菇。大多數(shù)人都是這么做的。在你多年沒(méi)有參加過(guò)面試的時(shí)候妓湘，先找?guī)准揖毷止撅@的尤為重要查蓉。最起碼了解一下市場(chǎng)行情和面試真題。
比如我榜贴，就是先找的幾家非知名的大公司和上市公司來(lái)做練手豌研。自己想去的公司放到后面來(lái)面。疫情過(guò)后基本上所有公司都是線上面試唬党，這也給我們省下了不少的時(shí)間鹃共。
幾家過(guò)后就會(huì)發(fā)現(xiàn)目前市場(chǎng)上面試題問(wèn)的就是哪幾種。因?yàn)榕诺谋容^多驶拱，所以我每天基本上都是重復(fù)的回答著相同的問(wèn)題霜浴。
耗時(shí)一個(gè)多月的面試時(shí)間。也順利的拿到了 美團(tuán)蓝纲、阿里阴孟、頭條的offer。雖然也掛了不少税迷，有的也是一看非全學(xué)歷 就直接pass的永丝。我也是沒(méi)有辦法。
最終也是談到了一個(gè)令自己滿意的待遇條件箭养。想想自己著4年多的技術(shù)發(fā)展路慕嚷，坎坷但是一直都在努力。作為一個(gè)尡厦冢科畢業(yè)的同學(xué)喝检，能發(fā)展到現(xiàn)在，確實(shí)不錯(cuò)了（先肯定一下自己）懈词，但是還是要繼續(xù)努力蛇耀，砥礪前行。
面試題目
在面了多家公司坎弯，包括多家大廠的不同部門之后纺涤。整理了一些面試手寫題目。
- 手寫B(tài)ind抠忘、Apple撩炊、Call 【美團(tuán)、神策數(shù)據(jù)】
- 手寫debounce崎脉、throttle 【美團(tuán)拧咳、快手】
- 基礎(chǔ)算法題：冒泡、快速囚灼、插入骆膝、深度優(yōu)先（DFS）祭衩、廣度優(yōu)先（BFS）、二分查找 【不知名的小公司】
- 合并亂序區(qū)間 【快手阅签、美團(tuán)】
- 連續(xù)子數(shù)組最大和【阿里】
- 千分位【阿里】
- 無(wú)重復(fù)字符串的最長(zhǎng)子串
- 數(shù)組轉(zhuǎn)樹形對(duì)象【頭條】
- 數(shù)組拍平和對(duì)象拍平【快手】
- 數(shù)組亂序
- 手寫一個(gè)簡(jiǎn)易版的redux
- 兩數(shù)之和
- 合并有序數(shù)組【便利蜂掐暮、快手、美團(tuán)】
- 字符串全排列 【頭條】
- 實(shí)現(xiàn)一個(gè)dialog 【快手】
- 實(shí)現(xiàn)一個(gè)并發(fā)控制的request【快手】
- 實(shí)現(xiàn)一個(gè)多維數(shù)組代理器 【快手】
- 實(shí)現(xiàn)一個(gè)lazyman 【阿里】
- 深克隆
我所經(jīng)歷的就是這些政钟。當(dāng)然還有一些簡(jiǎn)單的算法題路克。DP相關(guān)的，都比較容易养交。只要刷過(guò)幾道DP題的基本上都會(huì)精算。
鼓勵(lì)大家自己實(shí)現(xiàn)這些代碼，多多學(xué)習(xí)碎连，如果你想直接查看答案灰羽，可以到前端啟示錄中查看。
總結(jié)
這篇文章主要還是記錄一下自己最近的心得體會(huì)鱼辙。和面試中的一些我認(rèn)為有用的點(diǎn)谦趣。不是特別詳細(xì)，希望大家可以補(bǔ)充座每。
四年多的時(shí)間，自己成長(zhǎng)很多摘悴，但是還是沒(méi)有達(dá)到預(yù)期峭梳。還得努力。
自認(rèn)為四年內(nèi)成績(jī)平平蹂喻，還望各位大佬多多指教葱椭，不勝感激。
如果有幫助到你口四，可以點(diǎn)個(gè)關(guān)注孵运。愿我們 只爭(zhēng)朝夕不負(fù)韶華。
歡迎交流討論蔓彩。
