8年前端開發的知識點沉澱(不知道會多少字，一直寫下去吧...)

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

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

咱們得認可兩點：python

領域知識是不斷更新的;
每一個人的資質各有不一樣（這裏資質除了天賦還有後期努力）（你能夠說我不努力可是不能夠說我比別人家的笨）;

認清事實後，不妨學學中醫裏的固本培元的思想。什麼意思呢？其實很簡單，就是學好並實踐好現有、穩定且必須知道的知識（固本），而對於新的、還不普及且沒必要學的能夠選學，若是你以爲本身頗有天賦另當別論。react

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

對於認不認同不打緊（這只是咱們的認識觀或方法論不一樣而已），重要的是找到適合本身的，你說呢？git

說明下面的篇幅（圖譜及說明）會隨着時間的流動變得愈來愈長，超過 10 篇的內容我會整理成一個目錄（至於文章存放 github，這個後續再考慮），避免篇幅太長形成視覺和閱讀上的壓力。接下來的時間我會在 1-2 天裏會填補（更新或展開說明）這些圖譜的細小知識點。本文本質就是在作就是前端知識羅列和調度（給出文章詳情連接），但願對正在學前端或者已經在前端崗位上的你有些許幫助。另外文中部份內容有和前人或後來者的文章類似、相同或相通之處還請多多包含和見諒。另外，文中所缺漏或有錯的地方還請多多指出，你我共同成長（贈人玫瑰嘛）。
觀點學而時習之，不亦樂乎。學習並在必定時刻應用（實踐）它，不也是件快樂的事嘛。（劃重點在必定時刻將它用在實踐中是件快樂的事，回想一下，學過的東西在用它的時候是否是很快樂呢!!!???）
承諾本文我會持續更新，那何時結束呢？我如今的想法是到我退休那一刻或者說不在這行裏折騰的那一刻，謝謝。

近日更新

圖例說明

前端總譜

歡迎 Star，感恩💕😊es6

前端路上

前端架構

小程序

微信公衆號

前端框架

Vue.js

React.js

源碼分析 (react 16.8.6)

HTML

CSS

重拾 CSS 之 BFC

ECMAScript(Javascript)

Javascript 基礎與進階

基礎篇

進階篇

ES6

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