所謂高效就是花最少的時間達到最好的效果。高效率是我們在做任何事都希望達到的，包括工作、生活、學習。每個新知識或技能都有其最關鍵的基本部分，專注這個部分就可以提高效率。

HTML入門基本內容，CSS+DIV的基礎知識，JavaScript基礎，BOM和DOM模型，掌握這些基礎部分，再透過對這些基礎的不斷拓展學習和積累，就能達到高效的學習。

如果你是自學的話，那就需要透過一些專業性的書籍和網路上給的乾貨知識來奠定基礎。比如要掌握一些專業術語：addclass，removeclass等一些常用函式；選擇器，盒子模型，網頁佈局，Photoshop等基礎軟體。

待基礎學習好，你就得去研究前端的一些的框架和類庫。像jquery，vue，react，angular，bootstrap等。

待你能使用這些框架和庫去做一些專案的話，建議你去研究一下這些庫和框架的原始碼。

要想高效學習前端，就得先對前端知識框架有大致的瞭解。知道一個網頁的各個部分，具體是靠哪些技術來實現的，比如php是。清楚這些之後再學習前端，思路會清晰很多。如果是小白零基礎開始的話，可能會花費比較長的時間，報班的話，會是比較高效的學習方式。我朋友就是在原始碼時代學的前端，現在工資蠻高的。