这个可以让你越学越清晰，比如：，你可以按你喜欢的任何形式去做，只要自己印象深刻就行。
注意：知识导图也应该是经常修改、修正，让它更合理、更清晰。
注意事项
A：充分利用一切手段
很多人总感觉时间紧，没有大块的时间学习。我要说你不会学了，你不应该只是抱怨，而是要利用一切手段去学习，要知道，不一定只有看书才叫学习。当你冷静的坐在某个地方，思考了一下，总结了一下，你也都叫学习，但凡有灵感，就可以记录下来，比如：记录在手机上，等方便了再记录在专门的地方。这都叫学习。
B：贵在坚持
要沉的下心。没有一蹴而就的成功，否则那也不是成功，只能叫“侥幸”。不但要老老实实的把每个功能都试着去实现，而且要精益求精地不断去修正，这个过程是漫长的，也是考验一个人是否是人才的标准。
C：注意培养信心
此时的你，不适合一来就看很复杂很炫的网页效果的源代码，也不适合一来就学jquery，angular，vue，bootstrap这些东西。这些内容包含了很多深奥的知识在里面，在没有任何基础的情况下直接学这些，会严重打击你的自信心。而此时你是弱小的，你需要的是培养信心，而不是反过来，否则结局很可能是“夭折”，离学有所成也就遥遥无期了。
D：多跟学的好的过来人学习
站在巨人的肩上，才能看的更远。
E：不要浪费在工具的不停选择上
js的编辑工具很多，如果无从下手，建议使用：sublime，或者使用Hbuilder。很多公司里的技术人员都用这些，你直接用这个也减少了和别人之间的沟通问题。我也是用这个，感觉很好。
总结
感觉js学起来“杂而乱”的原因是因为你太“聪明”了，一开始就管的太宽，利害得失也计算的太精细。要求太完美则心里承受能力下降，很容易出现“障”。此时，你应该“笨”一些，不要考虑那么长远，“傻人有傻福”，只要做好今天就够了。一些不合理的学习方法和心态也让你迷失了自我，如：心浮气躁、眼高手低、好高骛远，这些都会让你在“乱七八糟”的js面前深陷迷雾、不能自拔。此时，你应该重新定位自己的位置，重新去认识js，放下包袱，方能轻松上阵。把杯子先倒空，才能灌新水......其实，js是前端的核心。影响越来越深的互联网+会渴求越来越多的js人才，只有经历过真正刻骨铭心的学习经历，才能造就出赢得未来的真正精英。