Js给初学者的印象总是那么“杂而乱”，相信很多初学者都在寻找轻松学习Js的路径。在这里给大家总结一些学习Js的经验，希望能给以后的学习者带来帮助 探索出一条“轻松学习J之路”。
J给人那种感觉的原因多半是因为它有如下的特点：
A：本身知识很抽象、晦涩难懂 懂了，如：闭包、内置对象、DOM。
B：本身内容很多，如函数库、对象库就一大堆。
C：混合多种编程思想 它里面不仅涉及面向过程的编程思想，还有面向对象的编程思想，同时，它的面向对象还和其他编程语言（如：C++，JAVA，PHP）不太一样。就好像又是新的一样， 让你对曾经学的目标产生了怀疑……
D：辛苦学习后又开始并实际应用脱节。通常学了很久的js基础之后，变量、函数、 对象你也都略知一二，但一到公司开发项目的时候，却又难以下手。因为公司在开发实际项目的时候通常都是直接用它的衍生库，如：jquery，angular，boostrap，amaze ，layui，ueditor等，而这些库又多如牛毛，同时还有自己的难点。让你都不知道该学哪个好，甚至都怀疑自己学不是js了，想要有多个版本的js一样，总之 是学不完……
那么，怎么才能在js领域内学得轻松甚至游刃有余呢？这里总结了一些实战意义的js学习经验：
1.首先要抓住它的位置
时刻不能忘记，否则很容易犯“一叶障目不见泰山”的错误。不要学了很久就js知道是编程语言，就是写代码，而且 特点就是乱七八糟就完了，就是学不好js的。要时时抓住它的地位，有意的说是它在整个Web中的地位：它属于前端的核心，主要用来操控和重新调整DOM，通过 修改DOM结构，从而达到页面效果的目的。利用这个中心思想去指导后续一切js的学习，并形成条件反射。
2.掌握HTML和CSS
< p>要系统的学习JavaScript，需要首先掌握HTML和CSS，这是基础也是学习JavaScript的时候需要用到的知识。3.听一条声音的学习路线
< p>这个只能是过来人给你提供参考了。我的学习路线如下：A：js基础部分，如：定义变量、函数、数组、字符串等的处理，输入函数、 内置对象等；
B：js面向程序编程思想，封装出各个函数，尝试用这些做一些常见的小功能，如：选项卡、自定义多选按钮、自定义播放器 、3D幻灯片；
C：js面向对象编程思想，尝试去封装一些你自己的对象，提供出有意义的接口出来；
D：学了上述内容 的内容，然后学常用的库，这里必须学jquery；
E：学基于jquery上面的常见插件，如：bootstrap，Layer，富文本编辑器等；
F：综合应用上面的多种库写实际项目的模板，多写几套。
4.从多角度去学习和领悟
充分调动你所学的 东西，从多角度做这些功能，如：以前你是从面向过程角度做的，现在改为从面向对象的角度做，或者亚马逊继续可以直接使用出来的插件，提供属性、方法等 。争取让你做的这个功能逐渐能够运用到实际项目中来。这样的好处：既综合应用了你的所学，又有实际意义。
5.注意培养信心
此时的你，不适合流行就看很复杂很炫的网页效果的源代码，也不适合流行就学jquery，angular，vue，bootstrap这些东西。这些内容包含了很多深奥的 里面的知识，在没有任何基础的情况下直接学习这些，会严重打击你的自信心。
而此时你还小，你需要的是培养信心，而不是反过来，否则结局很可能是“夭折”，离学得成遥遥无期了。
6. 多写总结
这种总结包括来源代码、显示效果截图，还应该很容易犯的错误和回复的解决方法以及最后两句专业的结论性语句。给自己写的总结 不是写完了就完了，要多回顾、多改进、不要多专业。到做项目的时候，应该是看里面的两句话就知道是讲什么了，然后再看长篇大论了。
我目前在职前端开发，如果你现在也想学习前端开发技术，
在入门学习前端的流程中遇到了任何关于学习方法，学习路线，学习效率等方面的问题 的问题，
你都可以申请加入我的前端交流qun：前面：六零三中间：九八五最后：九九三。里面聚集了一些正在学前端的初学者，裙子文件 里面还有我做的前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载
7.构建知识导图
这个可以让你经常越学越响，你可以按你喜欢的任何形式去做，只要自己印象深刻就行。
注意：知识导图也应该是修改 、修改，使更方便、更清晰。