JS 给初学者的印象总是那么的 "杂而乱", 相信很多初学者都在找轻松学习 JS 的途径. 我试着总结自己学习多年 JS 的经验, 希望能给后来的学习者探索出一条 "轻松学习 js 之路".
JS 给人那种感觉的原因多半是因为它如下的特点:
A: 本身知识很抽象, 晦涩难懂, 如: 闭包, 内置对象, DOM
B: 本身内容很多, 如函数库, 对象库就一大堆.
C: 混合多种编程思想. 它里面不但牵涉面向过程编程思想, 又有面向对象编程思想, 同时, 它的面向对象还和别的编程语言 (如: C++,JAVA,PHP) 不大一样. 就好像又是新的一样, 让你对曾经学的面向对象产生了怀疑......
D: 辛苦学习后又看似和实际应用脱节. 通常学了很久的 JS 基础之后, 变量, 函数, 对象你也都略知一二, 但一到公司开发项目的时候, 却又难以下手. 因为公司在开发实际项目的时候通常都是直接用它的衍生库, 如: jQuery,angular,,boostrap,amaze,layui,ueditor 等, 而这些库又多如牛毛, 同时还有自己的难点. 让你都不知道该学哪个好, 甚至都怀疑自己学的是不是 JS 了, 好像有多个版本的 JS 一样, 总是学不完...... 那么, 怎么才能在 JS 领域内学的轻松甚至游刃有余呢?
我总结了一些实战意义的 JS 学习经验:
1: 首先要紧紧抓住它的地位怎么轻松学习 JS 时刻都不能忘记, 否则很容易犯 "一叶障目不见泰山" 的错误. 不要学了很久就知道 JS 是编程语言, 就是写代码, 而且特点就是乱七八糟就完了, 那样是学不好 JS 的. 要时时抓住它的地位, 确切的说是它在整个 web 中的地位: 它属于前端的核心, 主要用来操控和重新调整 DOM, 通过修改 DOM 结构, 从而来达到修改页面效果的目的. 要用这个中心思想去指导后续的一切 JS 的学习, 并且形成条件反射.
2: 要有一条清晰的学习路线这个只能是过来人给你提供参考了.
我的学习路线如下:
A:JS 基础部分, 如: 定义变量, 函数, 数组, 字符串等的处理, 内置函数, 内置对象等.
B:JS 面向过程编程思想, 封装出各个函数, 试着用这些去做一些常见的小功能, 如: 选项卡, 自定义多选按钮, 自定义播放器, 3D 幻灯片;
C:JS 面向对象编程思想, 试着去封装一些你自己的对象, 提供出有意义的接口出来;
D: 学了上述的内容, 然后学常用的库, 这里必须学 jQuery;
E: 学基于 jQuery 之上的常见插件, 如: Bootstrap,Layer, 富文本编辑器等.
F: 综合应用上面的多种库写实际项目的模板, 多写几套.
3: 注意学习方法
我的学习方法总结如下:
A: 多买几本国外的 JS 书籍, 不要购买那种 20 天精通之类的书. 否则你是很难学通的, 更怕的是: 本来你买本好书自学 3 个月可能学会的, 它们硬是能折腾你两年...... 书籍推荐(仅供参考)《JavaScript DOM 编程艺术》《JavaScript 权威指南》《JavaScript DOM 高级程序设计》《JavaScript 设计模式》《锋利的 jQuery》争取把书上的功能都自己练习多次, 不是一次. 书读百篇, 其义自见. 一定不要好高骛远不要放过哪怕很小的动手机会, 如做一个选项卡. 千万不要认为有了类似的甚至更好的插件就不需要自己写了, 知识是别人的, 不是你的, 你即使会用了也对你的技术技能水平没有任何提升. 你要多问自己, 如果要我来做, 我该怎么做?
注意事项
A: 充分利用一切手段很多人总感觉时间紧, 没有大块的时间学习. 我要说你不会学了, 你不应该只是抱怨, 而是要利用一切手段去学习, 要知道, 不一定只有看书才叫学习. 当你冷静的坐在某个地方, 思考了一下, 总结了一下, 你也都叫学习, 但凡有灵感, 就可以记录下来, 比如: 记录在手机上, 等方便了再记录在专门的地方. 这都叫学习. 可以在线学习现在是互联网时代要充分利用好它
B: 贵在坚持要沉的下心. 没有一蹴而就的成功, 否则那也不是成功, 只能叫 "侥幸". 不但要老老实实的把每个功能都试着去实现, 而且要精益求精的不断去修正, 这个过程是漫长的, 也是考验一个人是否是人才的标准.
C: 注意培养信心. 此时的你, 不适合一来就看很复杂很炫的网页效果的源代码, 也不适合一来就学 jQuery,angular,vue,Bootstrap 这些东西. 这些内容包含了很多深奥的知识在里面, 在没有任何基础的情况下直接学这些, 会严重打击你的自信心. 而此时你是弱小的, 你需要的是培养信心, 而不是反过来, 否则结局很可能是 "夭折", 离学有所成也就遥遥无期了
D: 多跟学的好的过来人学习站在巨人的肩上, 才能看的更远.
E: 不要浪费在工具的不停选择上 JS 的编辑工具很多, 如果无从下手, 建议使用: Sublime, 或者使用 Hbuilder; 很多公司里的技术人员都用这些, 你直接用这个也减少了和别人之间的沟通问题. 我也是用这个, 感觉很好.
对此大家如果有什么其他的看法或者意见, 欢迎评论留言.
如果大家对编程, Web 前端感兴趣, 想要了解学习, 打算深入了解这个行业的朋友, 可以加下我们的前端学习扣 qun :767273102, 不论你是学生还是想转行的朋友, 我都欢迎, 不定期分享干货, 网页制作, 网站开发, Web 全栈开发, 从 0 基础开始的的 html+CSS+JavaScript.jQuery,Ajax,node,angular 框架等到移动端 HTML5 的项目实战[视频 + 工具 + 系路线图] 都有整理, 分享给小伙伴: 学习前端我们是认真的
来源: http://www.jianshu.com/p/54d2c8e0e0d1