介紹

大家好，我是小澎，一個熱愛前端的2021屆的應屆畢業生，大學專業是安全工程，不，不是網路安全，而是工程安全，所以我是非科班，今天呢，想跟大家介紹介紹我自己

如何進入前端

首先，我是怎么進入前端這個領域的呢？說來也挺有意思，因為今年前半年一直在家出不了門，然后就在家里思考我大學四年到底干了些什么，最后發現只有被老師組織去考來的 全國CAD一級證書、學校組織報考的 普通話證書和考了三次才過的 英語四級，咦？我到底有什么特長啊，感覺這些證書在手上好像不足以讓我變得非常出彩，于是靜下心來思考了很久很久，回想起當初高考時我的計算機成績非常得不錯（注：浙江當年是全國高考第一批改革，計算機是我的高考科目之一），然后就去咨詢朋友，同時去網上查如何學習計算機，最后綜合了各種因素后我選擇了學習 Python，并準備在2020年的時候考一個 Python二級證書，因此我立馬下單了一本Python二級官方指定的教程——《Python語言程式設計》，年初開始，我就在家瘋狂地學習，可以說是早6晚12吧，就這樣，我就延續上了我對計算機的熱愛

學完了Python的語言基礎后，我知道我學習它的目的不單單是為了考證書，而是以后的作業，于是我在Python的眾多發展方向中選擇了一個我最最感興趣的方面——爬蟲哈哈哈，不得不說興趣真的很重要，基于對爬蟲的熱愛，我每天花16小時以上的時間去學習 + 實踐，這樣的程序持續了3個月，期間我也寫過很多的爬蟲小腳本，例如12306搶票腳本、斗魚熱門直播間資訊收集、拉勾求職資訊爬取腳本、淘寶秒殺腳本、京東、豆瓣模擬登錄腳本等等，說實話這些都是小打小鬧，慢慢地我已經到達了瓶頸期，為什么這么說呢，因為我已經不局限于這些小腳本了，而是想去弄更厲害的東西，但發現大網站的反爬機制做的非常到位，導致我根本爬不動了，說實話，我很想突破這些反爬，把爬蟲技術做得更厲害，后來了解到爬蟲跟前端有著藕斷絲連的關系，我連前端都不了解還怎么提升爬蟲技術？就這樣，我準備開始學習一下前端的相關知識

此時大約是3月中旬，我在bilibili上找了些許視頻努力學著前端

學前端的途中，我有想過以后我要從事的崗位到底是怎樣的，爬蟲工程師？這個崗位感覺不太靠譜，有一定風險，那……從事我現在學的前端？我學了一段時間的前端后，感覺前端還挺有意思的，能寫出一些自己想要的網頁就非常得有成就感

好了，這就是我進入前端領域的全程序了，還挺有意思的吧～哈哈

對了，忘了補充一句，我的 Python二級證書 自然是順利拿到了

前端學習歷程

既然開始了學習，那么我一定是很明確兩點的：

1. 我對前端非常感興趣
2. 我能長久地堅持下去

最初

我就像大家一樣，剛開始學習了前端標準三個技能 HTML、CSS、JavaScript，這期間都是全程跟著教學視頻走的，所以時間特別的長，而且學的東西比較零散、不夠有系統性，但我會把知識點一一記錄在我的筆記本上，就像當初學Python一樣，久而久之我似乎產生了一種無聊感，畢竟一直都是不斷輸入理論知識，沒有進行實踐過，

于是，我決定必須、立刻、馬上要消除這種不良感覺，翻了一下當下做的比較好的頁面，想必你們也猜到了，我選擇了模仿淘寶網寫一個靜態頁面，當然，用到的技術也就是只有我剛學的那三個基本技能，不過好像沒有用到 Js

經歷了大約一個星期不到？我就把半個淘寶首頁給磨出來了，下面是展示圖

頁面比較大，所以沒展示完整，大家可以點下面的鏈接預覽完整的頁面

淘寶靜態頁面展示鏈接

當時老有成就感了，做出來完整的頁面以后，我瘋狂地給同學、爸媽分享哈哈哈哈哈

中間

無知的我，以為學完了這三個基本技能以后就可以找到作業了，于是便拿起我之前做的拉勾求職資訊獲取腳本獲取了很多前端開發的崗位相關資訊，這才發現，我咋啥也不會？Vue是啥？React是啥？ES6是啥？Webpack是啥？Node.js是啥？博客文章還加分？

我的天吶，我感覺我之前學了個寂寞，說好的學了那三個就可以找到作業的呢，然后去網上查了查以上所說的都是什么，然后才知道原來還有框架這樣的東西，JS還有版本這一說，代碼竟然還需要打包，前端竟然也要會一些后端，竟然還有博客平臺可以分享代碼……

對于博客平臺我還是挺感興趣的，我第一個就去查的就是它，后來搜到一堆博客平臺，在看了知乎上大佬們的建議以后，第一次知道了Github這個所有程式員必備的網站，說出來我不怕你們笑話，非科班的就是這樣的，身邊沒有任何一個計算機相關的朋友，所有東西都是慢慢地了解的（其實這也挺難受的，平時遇到的問題都沒辦法詢問并得到解答）話不多說我立馬注冊了Github，把之前自己檔案夾里的代碼都推了上去，

同時，我也注冊了搜索引擎第一個搜出來的博客平臺CSDN，并開始在上面分享我的知識總結，我在CSDN上叫 Lpyexplore，這個是我自己拼湊出來的一個非正式單詞，L是我姓的縮寫、py是 Python的縮寫、explore是探索的意思，所以好多人都問我怎么讀，其實我也不會啊，后來起了個中文名，你們就叫我小澎吧，寓意就是我能對生活、作業一直有著激情澎湃的感覺

不急不急，現在還早，一個一個學吧，于是我選擇了當時網上最受追捧的Vue.js開始了學習，同樣的，我是看的是b站上一個全套的教學視頻（基礎 + 專案實戰大約70個小時）

u1s1，Vue.js對于當時的我來說，真的太友好了，語法簡單明了，也不需要懂得太多就能快速上手開發一些簡單的東西

最后用了一個月的時間，做出了一個移動商城的小專案，下面是預覽圖

想要看完整的專案預覽的，可以點擊下方鏈接：

移動商城專案預覽鏈接

感覺這個專案讓我學到了很多，用到了Vue全家桶，很多新奇的概念在這里第一次映入我的腦海中，專案寫完后，還有一件事讓我印象深刻，那就是視頻中老師用到了各種我沒見過的語法，原來那就是 ES6，看到了它的重要性，我立刻去阮一峰老師的ES6相關知識的網站進行了學習，對一些常用的ES6新特性進行了一定的了解

在做Vue專案以及學習ES6的期間，我一直在CSDN上更新自己的知識總結，說實話每次網友給我提出問題跟我交流的時候，我感覺我都能學到很多東西，因為這也是一次對自己知識的回顧復習嘛，還有平日里看到博客會多幾個粉絲關注，動力就又多了幾分

只記得為了找作業我得了解一門后端語言，大家都推薦Node.js，因為只要會JS學起來就會特別地輕松

因此我就開始了Node.js的學習之路，從最初的用原生的語法搭建一個本地服務器環境到后來用express框架直接快速搭建，感覺框架真香，那些做出框架的大佬也太牛了，讓我們站在巨人的肩膀上，學完了Node.js當然要做一個專案來鞏固基礎知識啦，我看了一下node社區這樣的頁面可以拿來練練手，正好我也沒做過，于是便開始著手寫一個類似node社區的網站

寫完了頁面，也用Node寫完了所有的后端路由介面，也簡單學習了一下如何用mongodb存盤資料和讀取資料，此時可以說是萬事俱備，只差服務器了，因為不太懂得服務端的東西，也不知如何部署我的專案，于是在買完學生服務器（一年才90+元，特別便宜）后，沒日沒夜地查百度——如何在云服務器上部署node + mongodb專案，但實在是因為網上資源有限，沒有任何一個完整的教程告訴我如何正確地去部署，最后的最后，我用shell5 + 寶塔面板完成了專案的部署，并且最后邀請了同學體驗注冊賬號、登錄賬號、發帖、留言等一系列操作，并且我寫了一篇博客告訴大家如何部署，避免一些網友會跟我一樣的處境，很高興，這篇文章也幫助到了挺多的小伙伴的

以下是一部分網友的留言

說實話當時真的很開心，自己的博客竟然真的能幫助到別人，也正是因為如此，后來我在CSDN上輸出了更多的用心原創文章

前期因為很多是跟著視頻教學進行學習的，我在平時逛別人的文章時也逐漸意識到了自己很多知識的匱乏，因此我去買了幾本前輩用心推薦的JavaScript權威指南和 JavaScript高級程式設計，我想通過書籍來幫助我系統地學習，然后把自己所理解、總結的知識分享給別人，這樣也可以幫別人少走一些彎路

瓶頸期

之后的大部分時間，我幾乎都是在看書與寫博客之間度過，漸漸地我不知道是應該繼續去學習別的新技識訓是鞏固復習基礎知識，而且此時的我覺得，自己也做過大大小小的個人專案了，總應該可以找個合適的實習作業了吧，于是便在手機上下了好多個招聘軟體，瘋狂地投遞簡歷，我自然是很向往大廠的，所以剛開始略微有點眼高手低，投的全是杭州的一線大廠（因為我老家是浙江的，所以也非常向往在杭州作業），不過不知是什么狗屎運，沒過多久我就在Boss直聘上收到了一個阿里大佬的內推邀請，那給我高興的呀，因為那可是我收到的第一個面試邀約，而且還是阿里的

剛接受了面試邀約，就接到了面試官的電話確認，問我何時有時間進行一面，我其實內心比較沒底，所以特地往后拖延了一天，想要用一天多的時間多準備準備舉基礎知識，其實我還心里暗暗自喜，阿里內推竟然可以不用筆試

到了一面的那天，我是非常緊張的，畢竟第一次面試嘛，面試流程呢也非常簡單，先做個簡單的自我介紹，然后發給我郵件一個在線做題的鏈接，最后再問一些專案上的問題

整體面試下來，我感覺我做的不是非常好，因為很多基礎的問題都因為緊張而忘記或者做錯了，而且在問專案時，面試官問的是我那個node專案，問我有了解過xss嗎？有做過資料庫的安全問題嗎？當時我就愣住了，這都是啥呀，因為問我啥，我都不太回答得上來，面試也就很快地結束了

不過我還是很愛回顧總結的，我心里很明白這次面試我哪里做的不好，回去就把回答不好的問題以及完全不會的問題都梳理了一下，例如：手寫防抖節流、手寫深拷貝、xss是什么、csrf是什么……

后來結果就很明確了，一面也直接掛了，其實我還抱有意思幻想，給我一個二面機會，然后面試官重新問我一下在一面中我回答不好的問題，害，是我想得太多啦，

奮斗期

經歷了上述的阿里面試，我才知道想要進大廠沒那么容易，所以重新想辦法調整自己的學習進度，提升能力，忘了是什么途徑了，接觸到了開課吧的大圣老師，看到他的學習態度，我是直呼好家伙啊，感覺那種快樂讀書學習的感覺太棒了（下面放上一張大圣老師某天早起的學習圖）

你看到這樣的圖難道沒有感受到學習的快樂嘛，反正我是有了，并且我也模仿大圣老師的學習狀態，一直堅持著，后來通過圖書館借的書、自己買的書，對前端的了解越來越多，不能說精通吧，但我感覺我是一直在進步的（找了一下相冊里之前拍的宿舍里書架上的書的圖片就只有這一張了）

通過這樣一段時間的努力學習，我感覺自己的技術有了很大的提升吧，于是又萌生了找作業的想法，但回頭看看我的專案經驗似乎仍只有我那個node和Vue移動商城，感覺拿不太出手，為了有個體面點的個人專案，我決定去模仿element-ui做一個組件庫

說干就干啊，之后的一個月就全在忙這個了，大概初步寫了12個組件（有些是完全模仿，有些是自己奇思妙想出來的），然后我也想把我的組件通過檔案的形式展示出來，所以就用vue手擼了一個自己組件的官方檔案，下面是預覽圖

要是想預覽，可以點擊下面的鏈接啊（做的有點Saoz，弄了一些可有可無的影片效果，可能有點兼容性的問題，建議大家用chrome）

組件庫官方檔案展示預覽鏈接

說實話，組件做得不費勁，這官方檔案當時給我累的夠嗆，因為這檔案中最難實作的就是markdown決議以及代碼高亮的效果了，我當時好像是查了很久很久的資料和無數次失敗的嘗試才完成的

好了，又一個專案完成了，可我似乎又面臨了另外的問題，馬上秋招了，秋招面試就要面臨很多的筆試，我連資料結構與演算法都沒學（當時只會在高中學習了的佇列和堆疊），怎么參加秋招啊？于是便又開始了一個階段的學習——狂補資料結構與演算法

記不太清學了多久，反正我是邊學邊寫博客總結，最后整理了一個完整的資料結構與演算法JS版的專欄，也很高興獲得了很多人的指點糾正與認可，在CSDN上這個專欄將近獲得了16w+的訪問和6000+的收藏，同時在Github上也獲得了34個star

感興趣的小伙伴可以看一下：

資料結構與演算法文章專欄跳轉鏈接

資料結構與演算法JS版代碼跳轉鏈接

那段時間真的動力很足，因為幾乎每時每刻打開CSDN都是99+的訊息

其實在補資料結構與演算法知識的期間，秋招早就開始了，但是那種還沒學完資料結構與演算法，但非常想秋招投簡歷，然而又沒有底氣去面對筆試的心情你們能懂嗎？所以就這樣一直等到補完知識后，我發現秋招幾乎是接近尾聲了，于是連忙投了一些公司，也算運氣好趕上了一部分公司的線上筆試，但問題遠遠沒我想的那么容易，因為從沒做過線上筆試并且也沒刷過leetcode，我對線上的演算法題的流程不太熟悉，更難的就是演算法題的很多的邊界情況考慮不周，導致無法整題AC

也沒發怪誰，這時間太緊迫了，我只好自己線下多去刷刷leetcode，為春招做準備了，不過好歹是有識訓的，起碼熟悉了線上筆試的流程，也體驗了筆試的緊張感，再下次就不會膽怯了

現在

因為錯失了最好的秋招機會，我也沒有去找個公司實習（其實是我自己眼高手低，非大廠不進），我就繼續在家研究我的前端技術，在今年Vue正式迎來了它的新版本Vue3，我也第一時間去了解了新特性，總結了一篇博客，同時把學習Vue3這個任務加入到了我的學習計劃佇列中

隨著我學習計劃佇列的緩慢進行，Vue3的學習被鴿到了11月份初，在11月初開始，我邊看Vue3的官方檔案，邊看其它大佬的介紹總結，差不多對Vue3的使用有了80%的掌握，同時也整理了一篇比較詳細的Vue3使用教程和一個補充篇，哈哈寫的比較菜，大家別介意

快速使用Vue3最新的15個常用API

關于Vue3獲取當前組件實體的 getCurrentInstance 方法的補充

接下來做的事情自然是做專案啦，學完知識不做專案鞏固，那知識沒過多久就會被遺忘

說干就干，我又開始思考到底要基于Vue3做一個什么樣的專案，最后決定做一個網址導航欄專案，具體是為啥要做這樣一個專案，我都在其中一篇博客里寫過了，這里就不再多做解釋啦，大家可以去我博客里看，下面放上鏈接

自己設計的Vue3的實用專案（內含對專案亮點的實作思路與介紹）

這是我專案第一版所有內容的總結博客，很開心在掘金平臺獲得了大家的喜歡和建議，截止目前該專案在Github上已經有51個star了，也經常會有小伙伴給我提提意見，我也非常的開心，感興趣的小伙伴可以點下面的鏈接進行預覽或者原始碼的查看

專案預覽（pc端專案，記得用電腦點開）

原始碼查看

目前，我也仍在對這個專案進行不停地迭代優化，現在已經新增了拖拽排列功能，以后這個專案也會一直維護下去，因為這個專案是我平時經常用的東西，也希望大家多多參與到這個專案中來，其實平時給我提提意見就很感激了

相信大家對Vue3的Composition API有著深刻的印象，它的出現是為了使同一功能的代碼聚合在一起從而便于代碼的維護，而我在專案的開發程序中，感覺并沒有很好的利用這一特性，即沒有對代碼進行抽離，在這期間，我也在掘金的沸點中詢問過大家的意見

也有不少人給我提了意見，我也仔細思考并結合多個掘友的意見，對我的專案進行按照功能抽離代碼管理

截止2021年1月1日，我已經對整個專案的代碼按照功能進行了全部的抽離，現已經上傳到了Github的master分支上，在元旦期間，會馬上更新出我對于自己Vue3專案的代碼抽離管理的思路以及做法，希望大家到時候能給我多提提意見

為了春招的順利進行，其實我在做這個Vue3專案時找了杭州一家公司實習著，在公司主要負責的是taro/react的小程式專案，說實話跟我之前自學的技術堆疊出入有點大，不過好再有一定基礎了，熟悉起來不麻煩，大概5天的時間我就能自己獨立上手完成一些業務了，12月的時候，我也獨立完成了新功能的全部功能迭代，我感徑訓是非常不錯的

以后

目前實習只是為了增加專案經驗以及多人協作的經驗，春招再戰才是我真正的目標，正好這個階段公司的專案業務也已經算比較成熟了，我可以花更多的時間在準備春招上了，這段時間可能會很辛苦，但這都是必須的，畢竟非科班出生，起點比別人低，那么就得付出比別人高好幾倍的努力

對于前端的看法

其實，我對前端是非常感興趣的，否則我也不會這一年都在沒日沒夜得學習，很多人都問我，你這么拼，難道不會累嗎？我都是這么回復他們的，支撐我的就兩點，興趣和心態，興趣是第一驅動力，這是我的座右銘，同時我也把它寫進了自己的簡歷里面，如果連興趣都沒有，如何能快樂學習呢？其次是心態，想必大家在學習程序中都會遇到這樣的情況：遇到了一個想破腦袋都想不出的問題，然后糾結了很久很久，不知所措，那么我面對這種情況的時候，所做的選擇是：如果已經花費了很多時間但仍無濟于事，那么就先放下它，可以去做一些便于放松的事情，例如聽歌或者刷個抖音啥的，因為如果再繼續糾結下去，只會越來越焦慮，但問題卻得不到很好得解決，之后等你心情比較愉悅了的時候再回頭去看看當時的問題，說不定就茅塞頓開了，

2021年計劃

那首先肯定是進一家心儀的公司，從事前端開發的作業；其次就是希望自己的技術越來越牛X啦；今年下半年注冊的掘金，感覺這里的氛圍比CSDN活躍，質量也比較高，所以從今以后還請大家多多關照啦，我叫小澎～