關於這個問題，太多人在問了。我這幾年一直都在從事web前端應用方面的培訓普及工作，期間還公開出版過幾本書，現提兩點看法供參考。
第一，前端應用涉及的知識點太多，一定要首先找個靠譜的書籍或者教程（不要太厚、太長的）先對前端有個整體的認識，千萬不要一頭扎進某個方面學個一年半載。這樣的做法，你所看到的將始終是眼前的這一小部分的“點”，而看不到“面”！而且，單純的學習某一方面知識，很容易讓人產生倦怠感，學著學著可能就要放棄了！
比如，在你對前端知識體系毫無瞭解的情況下，先來系統學習html的數十個甚至上百個標籤，你能體會到每個標籤在前端專案中的真正用途嗎？你最多隻是會用這些標籤而已，卻無法拓展自己的思路，更不可能對這些標籤將來的用途有著深刻的理解。假如，你先有了一部分“面”上的知識，也簡單知道了html、css和javascript在前端專案中是如何各司其職的，並對它們的用法有了初步的瞭解，那麼，在重新學習html標籤時，你可能就會思考：這個標籤的樣式該怎麼設定？如何給這個標籤新增一些事件以便讓它觸發某種操作行為？這樣的學習就不再是一個個孤立的知識點了，而是把它們都融合起來了，學習過程也會變的更加有趣！
這種學習方法，正是本人一直倡導的“由面到點”，然後再“由點到面”。因此，我的建議是：在有了一種總體性（“面”）的概念認知之後，你才會知道其中每個具體的“點”將用到哪裡，這個“點”究竟是應該淺嘗輒止還是要繼續追本溯源。只有這樣，才不會把時間浪費在很多瑣碎的、有些甚至永遠都用不到的知識點中，也才能以最具效率的方式幫助自己確定最終需要努力的方向。當以這樣的方式學習時，你眼中的CSS和JavaScript可能都不再是獨立的語言，也許只是頁面中普通的<style></style>、<script></script>標籤元素而已，這樣才能真正的做到融會貫通！
第二，前端應用是離不開html、css和javascript三大基礎的。在有了“面”上的初步知識之後，其實就可以找個前端框架先來練手一個小專案了。在練手的過程中，碰到沒有用到的html標籤屬性、css樣式設定方法或者不懂的js語法規則時再來找對應的基礎知識學。這種“邊幹邊學”的方式是最有效的，千萬不要拿一整塊的時間來系統學習某一方面的基礎知識，否則你又將大機率的陷入到“從入門到放棄”的惡性迴圈中。
為什麼要強調使用前端框架呢？這是因為，它可以讓初學者暫時擺脫漫長且繁雜的學習過程，快速看到開發成果，從而增強繼續學習的信心。待有了一定的感性認知與經驗積累之後，回頭再去看html、css和javascript三大基礎，相信你一定會不時發出這樣的感慨：原來是這樣啊！這種“茅塞頓開”的感覺真的讓人很爽！！！
請注意，我這裡強調的是“邊幹邊學”，並不是蠻幹。如果你只幹不學，那是幹不下去的，你也會被碰的頭破血流的。前端框架永遠只是框架，它不是萬能的，內部的處理邏輯還需要你自己來寫！
關於這個問題，太多人在問了。我這幾年一直都在從事web前端應用方面的培訓普及工作，期間還公開出版過幾本書，現提兩點看法供參考。
第一，前端應用涉及的知識點太多，一定要首先找個靠譜的書籍或者教程（不要太厚、太長的）先對前端有個整體的認識，千萬不要一頭扎進某個方面學個一年半載。這樣的做法，你所看到的將始終是眼前的這一小部分的“點”，而看不到“面”！而且，單純的學習某一方面知識，很容易讓人產生倦怠感，學著學著可能就要放棄了！
比如，在你對前端知識體系毫無瞭解的情況下，先來系統學習html的數十個甚至上百個標籤，你能體會到每個標籤在前端專案中的真正用途嗎？你最多隻是會用這些標籤而已，卻無法拓展自己的思路，更不可能對這些標籤將來的用途有著深刻的理解。假如，你先有了一部分“面”上的知識，也簡單知道了html、css和javascript在前端專案中是如何各司其職的，並對它們的用法有了初步的瞭解，那麼，在重新學習html標籤時，你可能就會思考：這個標籤的樣式該怎麼設定？如何給這個標籤新增一些事件以便讓它觸發某種操作行為？這樣的學習就不再是一個個孤立的知識點了，而是把它們都融合起來了，學習過程也會變的更加有趣！
這種學習方法，正是本人一直倡導的“由面到點”，然後再“由點到面”。因此，我的建議是：在有了一種總體性（“面”）的概念認知之後，你才會知道其中每個具體的“點”將用到哪裡，這個“點”究竟是應該淺嘗輒止還是要繼續追本溯源。只有這樣，才不會把時間浪費在很多瑣碎的、有些甚至永遠都用不到的知識點中，也才能以最具效率的方式幫助自己確定最終需要努力的方向。當以這樣的方式學習時，你眼中的CSS和JavaScript可能都不再是獨立的語言，也許只是頁面中普通的<style></style>、<script></script>標籤元素而已，這樣才能真正的做到融會貫通！
第二，前端應用是離不開html、css和javascript三大基礎的。在有了“面”上的初步知識之後，其實就可以找個前端框架先來練手一個小專案了。在練手的過程中，碰到沒有用到的html標籤屬性、css樣式設定方法或者不懂的js語法規則時再來找對應的基礎知識學。這種“邊幹邊學”的方式是最有效的，千萬不要拿一整塊的時間來系統學習某一方面的基礎知識，否則你又將大機率的陷入到“從入門到放棄”的惡性迴圈中。
為什麼要強調使用前端框架呢？這是因為，它可以讓初學者暫時擺脫漫長且繁雜的學習過程，快速看到開發成果，從而增強繼續學習的信心。待有了一定的感性認知與經驗積累之後，回頭再去看html、css和javascript三大基礎，相信你一定會不時發出這樣的感慨：原來是這樣啊！這種“茅塞頓開”的感覺真的讓人很爽！！！
請注意，我這裡強調的是“邊幹邊學”，並不是蠻幹。如果你只幹不學，那是幹不下去的，你也會被碰的頭破血流的。前端框架永遠只是框架，它不是萬能的，內部的處理邏輯還需要你自己來寫！