Web前端求生之路之天將降大任於斯人也，附前端學習資料

2012年開始從事前端，從一個頁面的切圖仔到如今還算合格的前端工程師，一路走來，我很清楚要學的很多，其中也學了很多，學的同時也丟了很多（身陷邊學邊丟，邊丟邊學的狀態）。尤其這3年，前端領域可謂是百家齊放，四面開花。

可以說這是最好的時代也是最壞的時代。說它好，這是因為前端走在了混亂且正規化的道路上，前端開發也逐漸在各家公司至少在項目或產品的開發上受到足夠的重視和尊重（針對開發者）；說它不好，是因為雜亂而繁多（語言、框架、組件包等），許多同行或多或少都有點進入了學不動了和產生一種迷茫的狀態。個人觀點，變總比不變好，因為亂（雜）而奠定了前端在項目或產品開發中的地位。至於如何去學和學習什麼，那是個人學習方法或選擇問題了（並不是因為前端社區繁榮產生這問題的，只能說前端社區繁榮將這類問題擴大了，這兩個問題希望能拎清）。

我們得承認兩點：

• 領域知識是不斷更新的;
• 每個人的資質各有不同（這裡資質除了天賦還有後期努力）（你可以說我不努力但是不可以說我比隔壁家的笨）;

認清事實後，不妨學學中醫裡的固本培元的思想。什麼意思呢？其實很簡單，就是學好並實踐好現有、穩定且必須知道的知識（固本），而對於新的、還不普及且不必學的可以選學，如果你覺得自己很有天賦另當別論。

很長一段時間裡，我的野心比我的努力要大很多很多，php、python、go、科學計算等都想學，結果你肯定也知道了，就是什麼都沒學會，剛入門因為業務場景很少用（就是沒用）不得不丟下了，進而陷入迷茫期。也是前段時間，決定忍住誘惑，慢慢從基礎沉澱，雖然慢，但是學的很紮實也很快樂。

對於認不認同不打緊（這只是我們的認識觀或方法論不同而已），重要的是找到適合自己的，你說呢？

說明 下面的篇幅（圖譜及說明）會隨著時間長河的流動變得越來越長，希望這不會給你帶來閱讀壓力，也希望你能有這個心理準備（或許你期待著越來越豐富），好處是至少我在1-2天裡會填補（更新或展開說明）這些圖譜的細小知識點。本文本質就是在做就是前端知識羅列和調度（給出文章詳情鏈接），希望對正在學前端或者已經在前端崗位上的你有些許幫助

。另外文中部分內容有和前人或後來者的文章相似、相同或相通之處還請多多包含和見諒。另外，文中所缺漏或有錯的地方還請多多指出，你我共同成長（贈人玫瑰嘛）。觀點 學而時習之，不亦樂乎。學習並在一定時刻應用（實踐）它，不也是件快樂的事嘛。（劃重點在一定時刻將它用在實踐中是件快樂的事，回想一下，學過的東西在用它的時候是不是很快樂呢!!!???）承諾 本文我會持續更新，那什麼時候結束呢？我現在的想法是到我退休那一刻或者說不在這行裡折騰的那一刻，謝謝。小編也在這兒為大家準備了關於前端得所有資料和視頻獲取方式：先轉發+關注，然後私信小編“資料”即可獲取！

總覽 -> 要做的 -> 正在做的 -> 已經完成 -> 再回到總覽

前端總譜

小程序

前端框架

Vue.js

React.js

源碼分析(react 16.8.6)

• React 源碼解析之嘮叨兩句
• React 源碼解析之總覽
• React 源碼解析之ReactElement
• React 源碼解析之React.Children

HTML

CSS

ECMAScript(Javascript)

ES6

關於 ES6 只是先放阮一峰老師的 ECMAScript 6入門。後期我會整理一本 gitbook 小書，倒不是會在阮一峰老師的基礎上加更牛逼的東西什麼的，而是做一些減法，因為整個文檔看下來需要很長時間，小書只取常用的api（當然我會註明出處），這是我的個人喜好，選擇性學習和書寫（正在閱讀的你也要看你喜好）。想要看詳細的還是要看阮一峰老師的 ECMAScript 6入門。

Typescript

國際慣例：Github 地址，歡迎 Star

ruizhengyun/typescript-note

Typescript 小書目錄

• Typescript 為什麼選擇她
• Typescript 精彩履歷
• Typescript 的成長環境
• Typescript 基本類型

Node.js

面試之道

瀏覽器

HTTP 指南

設計模式

工程化

npm>

• npm>
• npm>
• npm>
• npm>
• npm>
• npm>
• npm>
• npm>
• npm>
• npm>
• npm>
• npm>

性能優化

前端安全

自動化測試

工具調試

算法與數據結構

最後彩蛋（也不容錯過）

這塊主要羅列我的一些想法和看法，還有廣大前端夥伴的建議與觀點（包括本文評論），這裡會有認可、理解、分歧、碰撞、火花等情況，但越是這樣說明大家都希望在前端道路上走的更遠更高，總有一些適合你的，希望對堅持在前端路上的我們都有所幫助。

發現這塊篇幅慢慢增長，見她有點喧賓奪主之勢，所以決定將其整理成一片文章（伴隨時間流逝而持續更新）。

行走在前端路上的一些想法

小編為大家準備了一些web、JavaScript、Bootstrap、CSS、Mybatis、HTML、jQuery的學習教程分享，希望可以幫助到大家。

獲取方式：請大家轉發+關注並私信小編關鍵詞：“資料”即可獲取前端自學教程一套。