JavaScript给初学者的印象总是那么的“杂而乱”,相信很多初学者都在找轻松学习JavaScript的途径。我试着总结自己学习多年JavaScript的经验,希望能给后来的学习者探索出一条“轻松学习JavaScript之路”。

JavaScript给人那种感觉的原因多半是因为它如下的特点:

A:本身知识很抽象、晦涩难懂,如:闭包、内置对象、DOM

B:本身内容很多,如函数库,对象库就一大堆。

C:混合多种编程思想。它里面不但牵涉面向过程编程思想,又有面向对象编程思想,同时,它的面向对象还和别的编程语言(如:C++,JAVA,PHP)不大一样。就好像又是新的一样,让你对曾经学的面向对象产生了怀疑......

D:辛苦学习后又看似和实际应用脱节。通常学了很久的js基础之后,变量、函数、对象你也都略知一二,但一到公司开发项目的时候,却又难以下手。因为公司在开发实际项目的时候通常都是直接用它的衍生库,如:jquery,angular,、boostrap,amaze,layui,ueditor等,而这些库又多如牛毛,同时还有自己的难点。让你都不知道该学哪个好,甚至都怀疑自己学的是不是JavaScript了,好像有多个版本的JavaScript一样,总是学不完......那么,怎么才能在js领域内学的轻松甚至游刃有余呢?

我总结了一些实战意义的JavaScript学习经验:

1:首先要紧紧抓住它的地位怎么轻松学习JavaScript时刻都不能忘记,否则很容易犯“一叶障目不见泰山”的错误。不要学了很久就知道JavaScript是编程语言,就是写代码、而且特点就是乱七八糟就完了,那样是学不好JavaScript的。要时时抓住它的地位,确切的说是它在整个WEB中的地位:它属于前端的核心,主要用来操控和重新调整DOM,通过修改DOM结构,从而来达到修改页面效果的目的。要用这个中心思想去指导后续的一切js的学习,并且形成条件反射。

2:要有一条清晰的学习路线这个只能是过来人给你提供参考了。我的学习路线如下:A:JavaScript基础部分,如:定义变量、函数、数组、字符串等的处理,内置函数、内置对象等。B:JavaScript面向过程编程思想,封装出各个函数,试着用这些去做一些常见的小功能,如:选项卡,自定义多选按钮,自定义播放器,3D幻灯片;C:JavaScript面向对象编程思想,试着去封装一些你自己的对象,提供出有意义的接口出来;D:学了上述的内容,然后学常用的库,这里必须学jquery;E:学基于Jquery之上的常见插件,如:bootstrap,Layer,富文本编辑器等。F:综合应用上面的多种库写实际项目的模板,多写几套。

3:注意学习方法

我的学习方法总结如下:A:多买几本国外的JavaScript书籍,不要购买那种20天精通之类的书。否则你是很难学通的,更怕的是:本来你买本好书自学3个月可能学会的,它们硬是能折腾你两年......书籍推荐(仅供参考)《JavaScript DOM编程艺术》《JavaScript权威指南》《javaScript DOM高级程序设计》《JavaScript设计模式》《锋利的jquery》争取把书上的功能都自己练习多次,不是一次。书读百篇,其义自见。一定不要好高骛远不要放过哪怕很小的动手机会,如做一个选项卡。千万不要认为有了类似的甚至更好的插件就不需要自己写了,知识是别人的,不是你的,你即使会用了也对你的技术技能水平没有任何提升。你要多问自己,如果要我来做,我该怎么做?

注意事项

A:充分利用一切手段很多人总感觉时间紧,没有大块的时间学习。我要说你不会学了,你不应该只是抱怨,而是要利用一切手段去学习,要知道,不一定只有看书才叫学习。当你冷静的坐在某个地方,思考了一下,总结了一下,你也都叫学习,但凡有灵感,就可以记录下来,比如:记录在手机上,等方便了再记录在专门的地方。这都叫学习。可以在线学习现在是互联网时代要充分利用好它

B:贵在坚持要沉的下心。没有一蹴而就的成功,否则那也不是成功,只能叫“侥幸”。不但要老老实实的把每个功能都试着去实现,而且要精益求精的不断去修正,这个过程是漫长的,也是考验一个人是否是人才的标准。

C:注意培养信心。此时的你,不适合一来就看很复杂很炫的网页效果的源代码,也不适合一来就学jquery,angular,vue,bootstrap这些东西。这些内容包含了很多深奥的知识在里面,在没有任何基础的情况下直接学这些,会严重打击你的自信心。而此时你是弱小的,你需要的是培养信心,而不是反过来,否则结局很可能是“夭折”,离学有所成也就遥遥无期了本次给大家推荐一个免费的学习蔻qun,【六零三】【九八五】【九九三】
里面概括应用网站开发,css,html,JavaScript,jQuery,Ajax,node,
angular等。对web前端开发技术感兴趣的同学,
不管你是小白还是大牛我都欢迎,每天技术分享。
D:多跟学的好的过来人学习站在巨人的肩上,才能看的更远。

E:不要浪费在工具的不停选择上JavaScript的编辑工具很多,如果无从下手,建议使用:sublime,或者使用Hbuilder;很多公司里的技术人员都用这些,你直接用这个也减少了和别人之间的沟通问题。我也是用这个,感觉很好。

对此大家如果有什么其他的看法或者意见,欢迎评论留言。

前端开发核心JavaScript要怎么学?给转行或是自学的朋友提些学习建议相关推荐

  1. 如何快速学Web前端开发?JavaScript函数好学吗?

    如何快速学Web前端开发?JavaScript函数好学吗?很多企业在招聘Web前端工程师时会倾向于招聘JavaScript技术的人才,因此专业中必然要包含JavaScript知识.函数是为完成某一功能 ...

  2. 前端开发核心知识进阶

    课程内容 开篇词:如何突破前端开发技术瓶颈 日本后现代主义作家村上春树写过一本富有哲理的书--<当我谈跑步时我谈些什么>. 书中,他谈到,跑步跟写作一样:都需要坚毅隐忍,追逐超越:都需要心 ...

  3. Web 前端开发技术 —— JavaScript

    Web 前端开发技术 -- JavaScript 总结 JavaScript 内容! 文章目录 Web 前端开发技术 -- JavaScript 一.js 的引用方式与执行顺序 1.引用方式 在标签中 ...

  4. 必学的web前端三大核心:JavaScript css3 HTML5

    对于前端的学习和提高,我的基本思路是这样的.首先,前端的三个最基本的东西 HTML5.CSS3 和 JavaScript(ES6)是必须要学好的.这其中有很多很多的技术,比如,CSS3 引申出来的 C ...

  5. web前端开发:JavaScript 基本语法,

    标识符规则 在应用程序中,使用变量来作为值的符号名.变量的名字又叫做标识符,其需要遵守一定的规则. 必须以字母.下划线(_)或者美元符号($)开头 后续的字符也可以是数字(0-9). 因为 JavaS ...

  6. 简化前端开发的javascript工具类收集

    在此文中,非常有用的JavaScript库,来帮助你简化前端开发. Moment.js 修改和展示日期,能轻易地应用到Web应用中.例如,如果要显示15天前的日期 moment().subtract( ...

  7. 前端开发:JavaScript合并数组的方法

    前言 在前端开发的时候,对于数据处理是很重要的一块,尤其是要根据实际的业务需求来处理数据,有很强的兼容性要求.而且有些时候后端提供的数据和实际的业务需求数据是有偏差的,所以前端在拿到后台返回的数据之后 ...

  8. 前端开发核心知识进阶 2.5 异步不可怕,“死记硬背”+实践拿下

    异步是前端开发中的一个重点内容, 也是难点之一.为了更优雅地实现异步,JavaScript语言在各个历史阶段进行过多种尝试,但是由于异步天生具有一定的"复杂度",使得开发者并不能够 ...

  9. 微服务/API前端开发时代之 BFF 速学入门教程

    什么是BFF(Backends For Frontends) 顾名思义,它是前端的后端(服务器).专门为前端而调用API,或者生成 HTML 的服务器.看到这里你可能会想,"这与传统的Web ...

最新文章

  1. 不停刷朋友圈的人_刷爆朋友圈的推拉门安装方式 90%的人从没见过
  2. 宽度定死、按照行间距、字体算出label高度
  3. TensorFlow:实战Google深度学习框架(四)MNIST数据集识别问题
  4. Elasticsearch5.X的java配置
  5. matlab两张图片合成一张_两张图片合成一幅画意作品的简单方法
  6. java迷宫_java实现迷宫算法--转
  7. java server2008_在windows server 2008下搭建简单的java学习环境
  8. Android应用开发环境搭建
  9. layui 时间控件二次渲染,点击一个自定义按钮清空/重置时间控件
  10. ps的魔棒工具抠图方法
  11. linux和win双系统删除,Windows+Linux 双系统的卸载方法
  12. 微软Kinect for windows SDK 使用教程 (NUI部分)
  13. ddr3ddr4 lpddr4速率_Ddr2,ddr3,ddr4内存条的读写速率
  14. Python: PS 滤镜--马赛克
  15. FIL WORLD开启算力众筹新篇章,与世界一起助力FIL
  16. polymorphic-associations多态关联实例 ruby on rails
  17. linux sort 排序 指定间隔符
  18. 什么内网穿透?如何使用内网穿透?
  19. Qt之TableView使用
  20. 从零学Java(17)之字符串连接,你要成为小学生之友吗?

热门文章

  1. python开发环境anaconda3_Python环境管理(Anaconda3)
  2. 10用户账户控制只有否_【新书连载】测试工程师核心开发技术(10)—数据库体系结构...
  3. SCCM2007系列教程之八资产管理
  4. 将 Sublime 打造成一个 Swift 编辑器
  5. Hadoop YARN学习之核心概念(2)
  6. SetDll把Dll文件注入到.exe应用程序中
  7. JAVA_pagecontext页面跳转
  8. 几句话就能让你明白:VLAN是什么、TRUNK又是什么
  9. 基于Servlet的MVC模式用户登录实例
  10. 使用 SourceTree 操作时弹出 password required