关闭

javascript应该怎么学?

时间: 2020-01-02阅读: 414标签: 学习

有朋友说想要一个学习JavaScript,但是不知道怎么去学习。本篇文章中小编总结了JavaScript重要知识点以及学习方法,有点长,但是很好用,希望对你有所帮助。

一、开发环境和JavaScript版本问题

开发环境越简单越好,一定不要在这个环节浪费时间。

首先说编辑器的选择,sublime text、vs code、atom、webstorm,还有HBuilder。新手入门的时候总想找一个最好的编辑器,其实这编辑器就和游戏里面选英雄一样,没有最厉害的,只有最适合你的,如果还是拿不定注意,就选vs code吧,我感觉这个对新手挺友好的。

浏览器就用chrome,然后就可以开始撸代码了。

关于JavaScript版本,我建议还是从ES5开始学,有一定基础之后再来看ES2015+的新特性。

二、基本语法

学编程语言和学自然语言有很多相似的地方,我们得从最基本的单词和语法开始学。

  • 变量:如何声明变量,如何给变量赋值。

  • 数据类型:什么是数据类型,数字与字符串有什么区别。

  • 运算符与表达式:常用的运算符有哪些?“=”、“==”与“===”的区别等等。

  • 分支语句:if、switch

  • 循环语句:for、while

  • 函数:什么是函数,什么是参数,什么是返回值。

这些基本语法一定要非常熟悉,要不然后续的学习会举步维艰。

三、对象

对象是一个非常重要的概念,一定要灵活掌握:

  • 对象:属性的无序集合,当属性值为函数的时候,我们叫这个函数为对象的方法。

  • 数组:元素的有序集合。了解数组的常用方法

  • 日期对象:获取年月日时分秒

  • 数学对象:获取随机数

  • 了解其他对象:正则表达式、包装对象,其实函数也是对象,不过这些简单了解一下就行。

每个对象都有很多方法,这些方法知道在哪里查就行了,千万不要去背,就像我们学英语,必要的单词要背,但是大部分单词知道用词典查就行了。

学习【基础语法】和【对象】的过程比较枯燥,知识点之间衔接不是特别紧密,就像我们小学一年级学习汉字一样,每一个字我们都知道是什么,但是却不会把他们组合到一起,所以小学才会练习组词,造句,再到写作文。我们把做的项目比作写作文,那我们还有一段路要走,切莫心急。

四、DOM

DOM的树状结构

  • 节点:元素节点、文本节点、属性节点

  • 节点关系:同级、父子级等等

  • 获取节点:querySelector、querySelectorAll等等

  • 节点操作:增删改查

  • 事件绑定:事件流和事件委托应该了解一下

DOM提供的方法也很多,仍然不要过多的投入精力,新手自学总是会被这些大量的方法困扰,我们要做的是对DOM有一个概括性的了解,至于那些杂乱的接口,后续我们完全可以用jQuery或框架代替。

(如果对DOM感兴趣,可以在技能掌握得稍微全面一些之后,再回来深入学习也是可以的,但是前期投入大量时间,确实会影响学习效率)

五、jQuery

jQuery是必须要会的,但是jQuery上手确实很简单,用两天时间了解一下jQuery的用法,然后就可以利用jQuery实现各种页面效果了,前期肯定会磕磕绊绊,但是jQuery的资料有很多,一边学一边做就行。

六、JavaScript进阶

jQuery熟练了之后,就可以开始着手学习JavaScript进阶一点的内容了:

  • 原始类型与引用类型的区别

  • 各种类型转换和类型检测

  • 闭包:函数套函数,怎么套自己都不蒙就行了。

  • 原型:构造函数、原型属性、基于原型的继承是怎么实现的。

  • this:可以开个坑好好研究研究

七、了解node

node现在可以说是前端必学的了,但是不是学用node做后台,而是用node生态下的各种工具,顺便借node了解一下后台。

  • 使用node开一个静态服务器

  • 使用npm下载第三方模块

  • webpack

  • babel

最好能用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比较好了。

最后

通过这十步,就可以对JavaScript体系有一个整体的了解,然后重点向那个方向发展,就看自己爱好或是工作需要了。技术的道路很漫长,这只是一个起点。

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/8074

关闭

前端为什么要学习vue.js

这几年Vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用Vue.js开发。是开源世界华人的骄傲,其作者是我国尤雨溪。为了给个人开发提供更多的机遇打造出门槛低,成本低,跨设备和多平台的Vue.js.

新手学习WEB前端流程以及学习中常见的误区

学习web前端编程技术肯定是以就业拿到高薪工作为主要目的的,可是高薪不会那么轻易拿到,这是一个最简单的道理。没有付出就没有回报,在整个学习web前端编程技术的过程中,你需要付出时间、精力、金钱

码农如何主动学习?

作为码农,工作以来我一直在断断续续思考和实践主动学习这件事,不过效果一直不尽人意,直到最近,我感觉状态有所改善,偶有所得。所以,在这篇文章中,我整理了 我对码农主动学习这件事的感悟以及可能有用的主动学习

自学web前端的时候会遇到的学习难题

我做web前端开发将近6年的时间了,现在月薪可以接近30000已经算知足了,但是距离我年薪百万的目标还有很长的路要走,而以后靠的不能仅仅是技术

资深web前端工程师总结出一套正确的学习思路

对于零基础的学员来说:初接触一门技术,想要去了解他,并掌握它,是不是觉得有点无从下手,不知道该学习什么?该先学哪个后学哪个?今天一位资深web前端工程师

高效的学习的几种方式

学习可以说是生活中的一部分,无论是为了升值加薪还是为了扩充自己的知识面,还是无意中的好奇心,我们都会去学习。不过很多时候,学过的东西没多久就忘记了

刚学web前端的学习路线

本人从事前端多年,这里为大家普及一些入门和提升建议,思想提升了,路线明确了自然就好了,HTML、CSS基础、JavaScript语法基础。学完基础后,可以仿照电商网站(例如京东、小米)做首页的布局。

自学Web前端的五个不同阶段,从浅入深

学习一门技术,你要知道必须要学习的内容有哪些,哪些是更重要的,从浅入深了解一门技术,扎实的掌握住基础的知识,才能让我们更好的去掌握更精髓的内容。

Web前端自学之路学习路线,web前端开发网站

前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前景,吸引了众多前端爱好者和转行人员的青睐。

程序员提升学习效率的3个方法

才3个方法?如果你希望的是提升效率的10大方法,程序员必看的20个学习法......很抱歉,本文不适合你。在精而不在多,一个人若能够学会,并且长期践行这其中一种方法,便已经能够走在很多人前头了。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!