先囉嗦幾句
2011年開始從事前端，從一個頁面的切圖仔到如今還算合格的前端工程師，一路走來，我很清楚要學的很多，其中也學了很多，學的同時也丟了很多（身陷邊學邊丟，邊丟邊學的狀態）。尤其這3年，前端領域可謂是百花齊放，四面開花。
可以說這是最好的時代也是最壞的時代。說它好，這是因爲前端走在了混亂且正規化的道路上，前端開發也逐漸在各家公司至少在項目或產品的開發上受到足夠的重視和尊重（針對開發者）；說它不好，是因爲雜亂而繁多（語言、框架、組件包等），許多同行或多或少都有點進入了學不動了和產生一種迷茫的狀態。個人觀點，變總比不變好，因爲亂（雜）而奠定了前端在項目或產品開發中的地位。至於如何去學和學習什麼，那是個人學習方法或選擇問題了（並不是因爲前端社區繁榮產生這問題的，只能說前端社區繁榮將這類問題擴大了，這兩個問題希望能拎清）。
我們得承認兩點：
領域知識是不斷更新的;
每個人的資質各有不同（這裏資質除了天賦還有後期努力）（你可以說我不努力但是不可以說我比隔壁家的笨）;
認清事實後，不妨學學中醫裏的固本培元的思想。什麼意思呢？其實很簡單，就是學好並實踐好現有、穩定且必須知道的知識（固本），而對於新的、還不普及且不必學的可以選學，如果你覺得自己很有天賦另當別論。
很長一段時間裏，我的野心比我的努力要大很多很多，php、python、go、科學計算等都想學，結果你肯定也知道了，就是什麼都沒學會，剛入門因爲業務場景很少用（就是沒用）不得不丟下了，進而陷入迷茫期。也是前段時間，決定忍住誘惑，慢慢從基礎沉澱，雖然慢，但是學的很紮實也很快樂。
對於認不認同不打緊（這只是我們的認識觀或方法論不同而已），重要的是找到適合自己的，你說呢？
下面的篇幅（圖譜及說明）會隨着時間長河的流動變得越來越長，希望這不會給你帶來閱讀壓力，也希望你能有這個心理準備（或許你期待着越來越豐富），好處是至少我在1-2天裏會填補（更新或展開說明）這些圖譜的細小知識點。本文本質就是在做就是前端知識羅列和調度（給出文章詳情鏈接），希望對正在學前端或者已經在前端崗位上的你有些許幫助。
說明 文中部分內容有和前人或後來者的文章相似、相同或相通之處還請多多包含和見諒。另外，文中所缺漏或有錯的地方還請多多指出，你我共同成長（贈人玫瑰嘛）。
觀點 學而時習之，不亦樂乎。學習並在一定時刻應用（實踐）它，不也是件快樂的事嘛。（劃重點在一定時刻將它用在實踐中是件快樂的事，回想一下，學過的東西在用它的時候是不是很快樂呢!!!???）
承諾 本文我會持續更新，那什麼時候結束呢？我現在的想法是到我退休那一刻或者說不在這行裏折騰的那一刻，謝謝。
最近更新
昨天晚上，在編寫【Hooks 都說了些什麼】(react 16.8.6源碼解析，跳躍式的想說說 React Hooks 了)的過程中，發現這個版本的應用了 Typescript，而對於 Typescript 已然忘的七七八八（4月份剛大致熟悉了下），所以在接下來的時間裏（幾天還不知道），會羅列和更新 Typescript 學習筆記，然後再去更新【react 16.8.6源碼解析】。
問：前人和很多站點（包括 Typescript 官網）都有Typescript 課程了，爲何你還要造輪子？顯得厲害麼？還是圈粉引流量？
我的思考方式：別人說的（上面提的前人和很多站點）東西始終都是別人的，手過一遍並記錄自己認爲重要的纔是自己的，就是這麼簡單。
圖例說明
總覽 -> 要做的 -> 正在做的 -> 已經完成 -> 再回到總覽
點此鏈接：8年開發老碼農福利贈送：網頁製作，網站開發，web前端開發，從最零基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端小程序項目實戰【視頻＋工具＋電子書＋系統路線圖】都有整理，送給每一位對編程感興趣的小夥伴
前端總譜
小程序
微信公衆號
前端框架
Vue.js
待定…
React.js
源碼分析(react 16.8.6)
React 源碼解析之嘮叨兩句
React 源碼解析之總覽
React 源碼解析之ReactElement
React 源碼解析之React.Children
HTML
CSS
ECMAScript
ES6
關於 ES6 只是先放阮一峯老師的 ECMAScript 6入門。後期我會整理一本 gitbook 小說，倒不是會在阮一峯老師的基礎上加更牛逼的東西什麼的，而是做一些減法，因爲整個文檔看下來需要很長時間，小書只取常用的api（當然我會註明出處），這是我的個人喜好，選擇性學習和書寫（正在閱讀的你也要看你喜好）。想要看詳細的還是要看阮一峯老師的 ECMAScript 6入門。
Typescript
相關資料鏈接
Typescript 官網
Typescript 中文網
Node.js
面試之道
瀏覽器
HTTP 指南
設計模式
工程化
npm scripts
npm script 爲什麼選擇她
npm script 一見鍾情
npm script 多命令的運行
npm script 參數的使用
npm script 鉤子的使用
npm script 環境變量的使用
npm script 跨端兼容的實現
npm script 命令補全的實現
npm script 的文件監聽和自動刷新
npm script 複雜場景的應用
npm script 應用在 git hooks 中
npm script 的實踐
性能優化
前端安全
自動化測試
算法與數據結構
最後
有人會問，你這不也是把自己坑在裏面了麼？你這野心不還是很大麼？
首先，不想否認這點。做前端，是內驅選擇的，所以可能會比一些前端（就是以此爲飯碗的，工作上差不多就行了的）多一些熱情，所以會堅持學習（有選擇性的學習）下去。至於，野心大，那就只能用更多的時間去努力來填補了。
而至於以後不會有熱情了怎麼辦？
個人喜歡旅行和讀書。旅行需要金錢和時間，有點奢侈。而閱讀需要時間，這個可以合理安排出來。想說的是我會把做前端和寫文章（比如這邊）當做小說來寫，所以會堅持下去。對於以後的事會如何演繹和發展，還是先做好和把握當下吧。