js要怎么入门
js要怎么入门,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
有朋友说想要一个学习javascript,但是不知道如何去学习。本篇文章中小编总结了JavaScript重要知识点以及学习方法,有点长,但是很好用,希望对你有所帮助。
一、开发环境和JavaScript版本问题
开发环境越简单越好,一定不要在这个环节浪费时间。
首先说编辑器的选择,sublime text、vs code、atom、webstorm,还有HBuilder。新手入门的时候总想找一个最好的编辑器,其实这编辑器就和游戏里面选英雄一样,没有最厉害的,只有最适合你的,如果还是拿不定注意,就选vs code吧,我感觉这个对新手挺友好的。
浏览器就用chrome,然后就可以开始撸代码了。
关于JavaScript版本,我建议还是从ES5开始学,有一定基础之后再来看ES2015+的新特性。
二、基本语法
学编程语言和学自然语言有很多相似的地方,我们得从最基本的单词和语法开始学。
变量:如何声明变量,如何给变量赋值。数据类型:什么是数据类型,数字与字符串有什么区别。运算符与表达式:常用的运算符有哪些?"="、"=="与"==="的区别等等。分支语句:if、switch循环语句:for、while函数:什么是函数,什么是参数,什么是返回值。
这些基本语法一定要非常熟悉,要不然后续的学习会举步维艰。
三、对象
对象是一个非常重要的概念,一定要灵活掌握:
对象:属性的无序集合,当属性值为函数的时候,我们叫这个函数为对象的方法。数组:元素的有序集合。了解数组的常用方法日期对象:获取年月日时分秒数学对象:获取随机数了解其他对象:正则表达式、包装对象,其实函数也是对象,不过这些简单了解一下就行。
每个对象都有很多方法,这些方法知道在哪里查就行了,千万不要去背,就像我们学英语,必要的单词要背,但是大部分单词知道用词典查就行了。
学习【基础语法】和【对象】的过程比较枯燥,知识点之间衔接不是特别紧密,就像我们小学一年级学习汉字一样,每一个字我们都知道是什么,但是却不会把他们组合到一起,所以小学才会练习组词,造句,再到写作文。我们把做的项目比作写作文,那我们还有一段路要走,切莫心急。
四、DOMDOM的树状结构节点:元素节点、文本节点、属性节点节点关系:同级、父子级等等获取节点:querySelector、querySelectorAll等等节点操作:增删改查事件绑定:事件流和事件委托应该了解一下
DOM提供的方法也很多,仍然不要过多的投入精力,新手自学总是会被这些大量的方法困扰,我们要做的是对DOM有一个概括性的了解,至于那些杂乱的接口,后续我们完全可以用jQuery或框架代替。
(如果对DOM感兴趣,可以在技能掌握得稍微全面一些之后,再回来深入学习也是可以的,但是前期投入大量时间,确实会影响学习效率)
五、jQuery
jQuery是必须要会的,但是jQuery上手确实很简单,用两天时间了解一下jQuery的用法,然后就可以利用jQuery实现各种页面效果了,前期肯定会磕磕绊绊,但是jQuery的资料有很多,一边学一边做就行。
六、JavaScript进阶
jQuery熟练了之后,就可以开始着手学习JavaScript进阶一点的内容了:
原始类型与引用类型的区别各种类型转换和类型检测闭包:函数套函数,怎么套自己都不蒙就行了。原型:构造函数、原型属性、基于原型的继承是怎么实现的。this:可以开个坑好好研究研究
七、了解node
node现在可以说是前端必学的了,但是不是学用node做后台,而是用node生态下的各种工具,顺便借node了解一下后台。
使用node开一个静态服务器使用npm下载第三方模块webpackbabel
最好能用express写一个简单的后台程序(一个server.js就够了),处理一些请求,这样我们学习ajax的时候就可以自己写后台接口了,当然这需要有http协议的基础知识。
八、ES2015+新特性变量和常量:为什么要抛弃var?结构赋值箭头函数模块化class编译
像promise,async/await函数等等这些,看自己能力了,有兴趣看看,不看也不影响后面学习,但是,就算现在不学,这个后续也是要补的。
九、AJAX
简单的说,了解一下http协议,知道什么是请求,什么是响应,get和post有什么却别,然后在学ajax,看看语法基本就会了。
用XMLHttpRequest发个请求,接个数据。用jQuery发个请求,接个数据。json解析
知道这些就差不多了,后续不管是工作还是学习,肯定还会遇到很多问题,到时候再具体问题具体分析。
十、框架
react、angular、vue三选一,零基础的初学者强烈推荐vue,如果是后台转前端推荐angular,如果技术型前端,推荐react。
这篇文章是给零基础新手的,那自然就选vue比较好了。
技术的道路很漫长,这只是一个起点。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。