引言
寫這篇博客原因
我就簡單談談我爲什麼要整理這份學習資料吧，首先，春招遺憾沒有上岸，可以說沒抓住機遇，準備也不夠好，但我努力的軌跡還在，運氣或許沒到，但我堅持下來的勇氣一直都在！每一份堅持都是成功的積累，我還是相信自己，總會遇到驚喜，因爲我覺得在成功成長之前，還有一個 “紮根” 的過程積累。
那麼，以上廢話少說，多做！6月份，聽了班裏若峯dalao面試經驗分享後，我發現了一位前端掘金dalao——神三元，他整理的文章和他的經驗分享簡直太棒了~，然後又從他所關注點讚的文章，我又發現了更多優質的前端學習文章，也就是我這篇博客所要分享的內容了。以下部分內容引自 神三元大佬 的經驗：
三元大佬經驗分享
誰的人生不是這麼誤打誤撞過來的呢？那你可能就會問了，你憑什麼能夠把基礎學的那麼紮實，通過這些大廠的面試呢？
我覺得有兩點，一點是 外在 的因素，一點是 內在 的因素。
對外在的方面，我在輸入一些信息的同時，會加入自己的思考和推敲，然後用自己的方式來輸出，整理成博客，這使得我能夠對知識體系本身有更加深刻的理解，同時也能在忘記這部分知識點之後，重新回顧的時候能夠很快撿起來，節省了非常多複習的時間。
對內在的方面，我覺得自驅力是一個比較重要的因素，即自己驅動自己學習的能力。其實說起來容易，做起來是非常難的，因爲外界的誘惑實在是太多，而且學習本身就是脫離舒適區的活動，是一種反人性的活動，本身就是讓人不舒服的，因此很多人不願意主動學習，這是完全可以理解的。那我爲什麼會有這種強烈的自驅力呢？
因爲危機感，危機感隨之帶來了恐懼。
爲什麼這麼說？
以前聽《得到》APP上的梁寧老師講過，人性其實只有兩大痛點: 一個是愉悅，一個是恐懼。 愉悅感可以讓人沉浸在一件事情當中幹一萬小時，成爲高手，而恐懼帶來的動力更加顯著。 對產品來說，要麼就讓用戶爆爽，要麼就去幫助他抵禦恐懼，否則就不是一個優秀的產品。那麼對於個人的成長而言，你做一件事情，沒有找到任何愉悅的感覺，也沒有產生過任何恐懼，那麼他基本上在這個領域一事無成。
換句話說，如果一件事情讓你非常瘋狂地去做，要麼這件事讓你爆爽，要麼它幫助你抵禦恐懼。
對我來講，真正驅動我的是後者。危機意識讓我挖掘出真正的痛點，發現自己的恐懼所在，從而帶來強大的自驅力。如果說僅僅是學一些東西來炫耀一番，或者只是去迎合外界的期望，這種動力可以有，但僅僅只是暫時的。當你走出舒適區，面對外界無數誘惑的時候，真正能 carry 你繼續學習的是你內心的痛點。
我覺得明白這一點，比所謂的學習路徑、學習方法重要得多。因爲大多數時候我們不是缺少學習資料，或者沒有掌握什麼高效的學習方法，只是因爲你動力不足、容易懈怠罷了。每個人情況都各不相同，但我覺得想要成長，挖掘自己真正的痛點是最重要的一件事情。
心得與體會
看完他的經驗分享，我直呼 （tql ！Orz），讀完他的文章後，受到了鼓舞。我也贊同他的觀點，驅動我的也是危機感，堅持自己的努力軌跡，走出舒適區，我想，我也會收到一次驚喜。
暫時就寫到這了，還有很多資料也還在學習當中，後續進行補充…
關於前端體系知識點本人也還在學習當中，此文分享本人學習發現的優質博客和github，如若有更優質的文章，可以在文末評論區留言，或者你可以推薦自己的優質博客都可~
正文
本篇博客只做推薦，多爲本人學習過程中發現的優質博客，覺得不錯，就進行了整理，方便後續自己回顧。但本文部分文字或多或少引用了dalao們的總結，感謝本文所有dalao們的優質博客！文章內容均屬於原作者。如若鏈接少了作者名或着失效，可以在評論區聯繫博客，謝謝合作~
CSS篇
神三元：剖析一些經典的CSS佈局問題，爲前端開發+面試保駕護航
大志前端：【前端幫幫忙】第4期 使用純CSS製作一個開關按鈕
JS篇
追夢子：JavaScript中call,apply,bind方法的總結
JavaScript 進階問題列表（測測你有多瞭解 javascript）
金色小芝麻：想自學JS嗎？想提升JS底層原理嗎？76張腦圖帶你徹底搞懂原生JS
ES6-ES10篇
陳大魚頭：從ES6到ES10的新特性萬字大總結（不得不收藏）
虛擬DOM（diff算法）
txm：大廠面試官：請闡述一下你對虛擬DOM和Dom-Diff的理解？
Node.js篇
計算機網絡篇
神三元：(建議精讀）HTTP靈魂之問，鞏固你的 HTTP 知識體系
神三元：(建議收藏）TCP協議靈魂之問，鞏固你的網路底層基礎
瀏覽器篇
數據結構與算法篇
awesome-coding-js：用JS玩轉數據結構與算法
晨曦時夢見兮：前端電商 sku 的全排列算法很難嗎？學會這個套路，徹底掌握排列組合。
Vue篇
金色小芝麻：30張腦圖帶你從零開始學VUE｜VUE基礎知識篇
shotCat：可能比文檔還詳細–VueRouter完全指北
柚子233：如何在一個頁面使用多個router-view顯示不同的內容
晨曦時夢見兮：請你說說 Vue 中 slot 和 slot-scope 的原理（2.6.11 深度解析）
晨曦時夢見兮：Vue 的生命週期之間到底做了什麼事清？（源碼詳解，帶你從頭梳理組件化流程）
晨曦時夢見兮：爲什麼 Vue 中不要用 index 作爲 key？（diff 算法詳解）
React篇
中間件
晨曦時夢見兮：Koa的洋蔥中間件，Redux的中間件，Axios的攔截器讓你迷惑嗎？實現一個精簡版的就徹底搞懂了。
源碼篇（手撕原理）
小鹿動畫學編程：阿里面試官讓我手寫 Vue 2.0核心原理，我都整理好了！
Promise篇
小明同學喲：一步步教你實現Promise/A+ 規範 完整版
優秀公衆號推文
前端面經大全
神三元：2020三元同學春招阿里淘系、阿里雲、字節跳動面經 & 個人成長經驗分享 | 掘金技術徵文
LinDaiDai_霖呆呆：霖呆呆的近期面試128題彙總(含超詳細答案) | 掘金技術徵文
字節跳動2020面試算法題+場景題+智力題100題
前端優質博客/Github
心路歷程 / 大佬經驗分享
Bestbven：雙非院校，成績不好的他，怎麼突然拿到大廠offer了？| 掘金技術徵文
LienJack：藝術喵 2 年前端面試心路歷程（字節跳動、YY、虎牙、BIGO）| 掘金技術徵文
LienJack：2019學習學到失戀但是還要繼續|2019 與我的技術之路
LienJack：一位前端 2018 絕地求生記 | 掘金年度徵文
晨曦時夢見兮：寫給女朋友的中級前端面試祕籍（含詳細答案，15k級別）
yck：看完跳槽少說漲 5 K，前端面試從準備到談薪完全指南（近萬字精華）
未來展望與實習經歷
從春招到現在，陸陸續續也面了一些公司，我以時間線形式整理到了下面，整條路也是經歷了挺多，零基礎學習前端，從2月份準備到6月份，最終拿下恆生的 offer ，努力終究得到了回報。
關於未來展望的話，還是等實習之後再繼續編寫吧，到時候再來分享一下實習經歷與心得
後續待補充…
鳴謝
本篇博客知識點與相關文字都參照了各位大佬的博客，由於大佬太多了，也不太方便一個一個感謝了，但在本文已經都註明了各位大佬的博客出處，在此表示感謝，感謝各位大佬的優質文章 ✿✿ヽ(°▽°)ノ✿，小夥伴們都可以去他們主頁逛逛，總會有一些好的內容等待着你去發掘~
總結
以下部分引用三元大佬經驗分享
面試階段
從上面的面經中可以看到不同方向、不同級別的面試官各自的偏好不一樣，因此對於不同的面試官，採取的策略也應有所不同。但我更想分享的是一些具有共性的地方，這些策略可以適用於絕大部分的面試場景，讓自己獲得更大的競爭優勢。當然，所謂的面試策略，都是基於你前期充分的準備，不然都只是天方夜譚，毫無可行性。
策略一: 備好殺手鐗
面試官一天可能要面5-6人，甚至十幾人，那麼你是否想過: 他憑什麼對你印象更加深刻？
心理學有一個效應叫 峯終效應 ，就是人在一個有限的活動當中，對一件陌生事物的看法大致由兩個時間點所決定: 一個是高潮點，一個是結尾的點。
對面試而言，我認爲同樣是適用，具體來講，和麪試官的交流，其實也就是和一個陌生人的交流，如何來給他留下更深刻的印象？需要在高潮點展現自己，在結尾點保護自己，在面試的過程中適當給面試官一些和別人不一樣的回答和見解，使之感到驚豔，而在結尾的時候，你說的話其實更容易被面試官記住，這個時候由於面試已經接近尾聲，你可能沒有當時那麼緊張，這個時候需要適當的謹慎一些，不要徹底放鬆，避免不小心說出一些對自己處境不利的話。
其實，我更想強調的是前者，即如何將面試帶上一個高潮點，並且讓面試官感到驚豔。其實這並不是什麼簡單的事情，畢竟能驚豔的只是少數，那麼如果才能做到這一點呢？
在面試前，不妨準備好自己的殺手鐗。什麼是殺手鐗？就是每當面試官問到相關的問題的時候，你能夠有自信比 90% 的人理解得更深刻，回答更出色。以我自己爲例，我準備的殺手鐗並不少，HTTPS 所有加密算法，chromium 進程 IPC 原理，斐波拉契第 n 數的 logn 解法，瀏覽器渲染過程，vue 編譯器架構，vue 雙向綁定，快排以及手寫 V8 排序 …
在其它基礎知識都 OK 的前提下，這些殺手鐗是你技術上的核心競爭力，這是你和其他人相比體現不可替代性的地方。當然，時間有限，不可能每個角度都能研究很深入，但如果你不準備，跟大家背一樣的答案，很難從人羣當中脫穎而出。
策略二: 適當暗示
面試的過程其實就是一個和麪試官互相試探的過程，一方面是他對你提問，另一方面你需要給他一些信號，引導他去挖掘你的閃光點。
其實有兩個時機可以發一些暗示的信號，一個是自我介紹的環節，這個環節中可以向面試官展示出你之前深入研究過哪一塊的技術，指引他往那個方向問，另一個是技術細節的提問，可以在回答的時候適當發揮，大部分面試官是願意聽你展開的。
個人經驗分享
說實在，大佬的經驗已經足夠我學習了，已經整理在了 心路歷程 / 大佬經驗分享 模塊，想必閱讀到此的你應該已經看了部分大佬的經驗分享了。這裏，我就說說我整個找實習的過程吧。
夢初
起初，我對於實習這塊是完全不知道的，應該與大多數人一樣的感覺，好像也沒有人告訴我們什麼時候要實習了，實習的重要性，到底要不要實習，貌似沒有人解答我這個問題。也許是巧合又或者是機遇，我在寒假期間找到了16級志傑學長，他是我們學校ACM隊dalao，依舊還記得去年省賽他說手撕伸展樹（雖然到現在我也不知道這是啥玩意，反正很強就是了！），我詢問大三下我是否還要繼續打acm，因爲我感覺我想要到達我想要的階梯還是有很大差距。和學長交流了之後呢，他就簡單問了我一句：開始找實習了嗎？我一臉懵，我說我現在就要找了嗎？這麼快嗎？我還啥都不會誒… 後面又與學長溝通了許久關於實習的話題。
此刻，就這麼一句話，就是我整個找實習路程的開始。我確實是要開始準備了！
夢中
就是關於我的一些面試經歷了：
確定了自己要走前端開發後，我從2月份就開始學習前端，道路也是坎坷，甚至也走了點彎路。在整理好自己感覺不錯的簡歷後，我最開始就投了 深信服，我以爲我這個CSDN博客專家稱號能讓我提分很多，可是現實卻拍醒了我，我的簡歷直接被拒了。我也慶幸自己被拒了，因爲當時特別緊張，緊張到睡不着覺的那種，晚上睡前都在想明天會不會突然來個電話要我面試怎麼辦，我還沒有準備好…
深信服被拒了之後，我在 BOSS直聘 上收到了騰訊前端架構師的面試邀約，當時給我激動的，毫不誇張地說，我甚至還聯想到了自己到騰訊入職的樣子。也就是上述第一份面試經驗了，我又被啪啪打臉了，原來我與大廠的差距挺大的，而且我特別緊張，一點也不自信。第一次就面騰訊，我真佩服我自己！
後續正式批到了，之前都是提前批，正式批收到了騰訊雲的內推，於是我又去面了一次騰訊。結果也是可想而知，知識點還是不夠深入，儘管我已經總結了很多知識點，但一到問我的時候，我沒辦法聯想到相關知識點，或者說我不能舉一反三，只能問我什麼答什麼，當然，大部分都答的很簡單，可能不是面試官想要的答案。相關問題在面經裏面都可以看到，這裏我就不舉例說明了。
5月份，開學了，在學校裏面，又有幸拿到了字節跳動的內推，於是我又開始了字節的面試，面完又是一面就結束了，整體下來體驗不是很好，還是老問題，知識點還是不全面，就連基礎題也會卡住。如果是要我找這些問題出在哪裏，我能在我的整理博客裏面找到，但真正到我說的時候，我就卡殼了… 這證明我的前端思維還是沒打通，沒有真正形成一個知識體系。字節也是與我無緣了…
6月份，我鼓起勇氣，開始投遞恆生電子，四次宣講會我都有參加。這個是瞭解一個公司比較好的方式，宣講會有介紹他們的技術棧，主要業務。比如他們常說的：恆生，讓金融變簡單！ 也正是參加了這次宣講會，我也有幸中獎了，抽到了 恆生雨傘，不得不說，還真是緣分！而且通過宣講會了解到了恆生可以說是是一家以程序員起手的公司，公司 70% 左右都是程序員，更關注的一點是沒有那種上下級關係，員工關係的話都挺好的。而且在杭州，不錯的城市，公司周圍的環境也還是不錯的，說是後面走 10分鐘 就會看到櫻花跑道，還說甚至可以和武漢的櫻花比一比！此時的我，已經被這公司給吸引住了，我想去！我想再次嘗試一下！
而在面試恆生電子之前，有很長一段時間過渡，我又收到了深信服的筆試邀請，原來當初我的簡歷並沒有被刷掉，而是疫情影響進行了推遲，都是等到了5月份才正式開通實習招聘。疫情還真是影響了挺多的，願早日過去。
關於深信服的筆試與面試就是我面恆生前的一次熱身，當初我也是這麼想的，如果能去深信服我也願意去，反正也在長沙，如果沒有緣分的話，那就好好準備恆生電子。深信服的筆試實在做的太差了，這裏可以去看一看那篇面經，後面編程題幾乎交了白卷。我原本以爲沒有筆試邀請了，想不到後面還撈了我，給了我面試機會。關於這次面試的總結，已經在面經碼上了，可以去瞧瞧，這裏就不再贅述了。
夢醒
2020年6月29日 收到恆生電子 offer
收到郵件時，當然是很開心的，準備了這麼久，如願收到回報，越努力越幸運！
我們的征途是星辰大海！ 在上文經驗分享處，我說我佩服自己第一次就面騰訊，其實想說自己真的挺傻的，在沒有準備好的情況下，直接去面自己想去的公司，相當於當了一次炮灰一樣。而且大多數公司都是有面試記錄的，太差了也會影響後續面試邀請，比如說字節跳動，自從一面涼了之後，之後所有的投遞都投入 “人才庫”裏。其次，整個面試過程給了我一些毒打，但又讓我成長了許多。比如我們去面試，與面試官交流，並不是我們單方面的一問一答，而是 交流，你怎麼通過交流體現出你簡歷上面的能力，比如你的自學能力，你的表達溝通能力，你的領導能力等等。
另外，面試也是一次雙向選擇的過程，面試官讓你通過面試，也是覺得你可以做它的同事，因爲公司拉人，多數也是部門招人，招你過去很有可能就是他的同事了，後續一些工作安排，業務等等都會打交道的。當然面試官要進行篩選，選最合適的那一批人。
其次，面試官都是挺好的，可能個別會感覺有點高冷，甚至感覺與你不搭，這也是正常的。面試過程應該是一個輕鬆的過程，而不是那種一遇到問題就緊張說不出話的那種，儘管有些面試官會爲難你，來個難題，也是爲了考察你在高壓的情況下你會如何判斷處理。此時，對於你完全不會的地方，例如你可以這樣回答：面試官，關於這一點的話，我本科階段沒有進行了解過，但與這個相關的另外一個知識點我知道，然後xxx，又或者說是關於這一點的話，你可以給我一點提示嗎？又或者說是這一點我在本科階段沒有怎麼了解過，但是我可以嘗試解答一下，然後xxx。通過上述三種回答都比直接說不會要好很多！
經歷幾個月的歷練，我也打通了前端思維了，好像面試就是那麼回事，面着面着自信就來了，我甚至也可以和麪試官吹吹牛，直接和他扯上20-30分鐘知識點。
每一次面試都是好的經驗，通過寫博客總結的形式也是一個輸入和輸出的過程。這樣也可以讓自己知識點記得更加牢固一點，這裏不得不說兩年寫博客經歷還真是讓我收穫許多，我想恆生這次也是多虧了這個加分吧。其次， 心態和自信方面挺重要的，儘管自己走的很慢，但是不會停下自己的腳步。 關於本篇博客知識點，我想應對實習也差不多了。關鍵是學習前端思維，明白自己要學什麼，該怎麼學，如何學。那麼對於一份好的工作到來，也只是時間問題了。
學如逆水行舟，不進則退！2020年6月29日晚，找實習的心路歷程總結完畢，實習過後，再來一次實習經歷總結吧。
結束語
這篇長文製作不易，不要老是白嫖嗷，給本篇博文點贊收藏轉發，三連一波，讓更多人看到吧！
此外，本篇博客收錄在 github 倉庫：小獅子前端の學習☁整理筆記❤
如若您覺得不錯，還請給一個 star 支持，謝謝您 ✿✿ヽ(°▽°)ノ✿