有朋友说想要一个学习 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 体系有一个整体的了解, 然后重点向那个方向发展, 就看自己爱好或是工作需要了. 技术的道路很漫长, 这只是一个起点.
来源: http://www.css88.com/qa/javascript/11777.html