所谓高效就是花最少的时间达到最好的效果。高效率是大家在做任何事都希望达到的，包括工作、生活、学习。每个新知识或技能都有其最关键的基本部分，专注这个部分就可以提高效率。
HTML入门基本内容，CSS+DIV的基础知识，JavaScript基础，BOM和DOM模型，掌握这些基础部分，再通过对这些基础的不断拓展学习和积累，就能达到高效的学习。
如果你是自学的话，那就需要通过一些专业性的书籍和网络上给的干货知识来奠定基础。比如要掌握一些专业术语：addclass，removeclass等一些常用函数；选择器，盒子模型，网页布局，Photoshop等基础软件。
待基础学习好，你就得去研究前端的一些的框架和类库。像jquery，vue，react，angular，bootstrap等。
待你能使用这些框架和库去做一些项目的话，建议你去研究一下这些库和框架的源码。