摘要：之前写过一篇天学通前端开发，内容主要讲的就是前端学习路径，今天再来写一篇零基础的学习路径，希望能帮编程零基础的前端爱好者指明方向。十框架三选一，零基础的初学者强烈推荐，如果是后台转前端推荐，如果技术型前端，推荐。
之前写过一篇26天学通前端开发，内容主要讲的就是前端学习路径，今天再来写一篇零基础的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感兴趣，可以在技能掌握得稍微全面一些之后，再回来深入学习也是可以的，但是前期投入大量时间，确实会影响学习效率）
五、jQueryjQuery是必须要会的，但是jQuery上手确实很简单，用两天时间了解一下jQuery的用法，然后就可以利用jQuery实现各种页面效果了，前期肯定会磕磕绊绊，但是jQuery的资料有很多，一边学一边做就行。
六、JavaScript进阶jQuery熟练了之后，就可以开始着手学习JavaScript进阶一点的内容了：
原始类型与引用类型的区别
各种类型转换和类型检测
闭包：函数套函数，怎么套自己都不蒙就行了。
原型：构造函数、原型属性、基于原型的继承是怎么实现的。
this：可以开个坑好好研究研究
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体系有一个整体的了解，然后重点向那个方向发展，就看自己爱好或是工作需要了。技术的道路很漫长，这只是一个起点。
关注微信公众号：晓舟报告，视频教程，日更中...截止目前，刚刚录到函数，如果时间允许的话，上面的内容都会录的，感谢大家的支持。
最后附上之前写的JavaScript书籍测评。
如果对您有一点点帮助，请不要吝惜一个小小的【赞】！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/90359.html
摘要：如果该文件已存在，文件的初始指针在文件的结尾。文件中只有一句话十步杀一人，千里不留行。关闭文件如果用来打开文件的话就不用管关闭文件的操作了，因为已经帮你完成了这一步，否则必须在处理文件之后加上关闭文件的操作 读取文件的操作步骤 有一道脑筋急转弯，问把大象装进冰箱的步骤，答案很简单，打开冰箱、把大象推进去、关闭冰箱。这就是一个处理问题的思路，我们对文件的操作和这个一样，第一步：打开文件；...
摘要：这个原因涉及到一个叫的东西，俺滴老师没教，我也不好深说，等深入理解它后再和你们讲哈 本文主要讨论一下文件的三种可读可写模式的特点及互相之间的区别,以及能否实现修改文件的操作由于前文已经讨论过编码的事情了，所以这里不再研究编码，所有打开操作默认都是utf-8编码（Linux系统下） 首先我们看r+（读写） 既然r+既能读又能写，那么能否实现在r+模式下进行文件的修改呢？答案是肯定的！，但...
摘要：今天我们来讨论下下如何实现打开文件修改文件关闭文件的操作本文采用逐行解释的方法。这样，我们就实现了文件的修改。 今天我们来讨论下python下如何实现：打开文件—修改文件——关闭文件的操作 本文采用逐行解释的方法。 思路： 第一步：把文件读取出来第二部：再用w模式写入到新文件第三部：把原文件删除，并且把新文件重命名回原文件这样就实现了文件的修改操作 我们先来看看原文件的内容 with ...
摘要：导言耦合性，是对模块间关联程度的度量。模块间的耦合度是指模块之间的依赖关系，包括控制关系调用关系数据传递关系。 导言： 耦合性，是对模块间关联程度的度量。耦合的强弱取决于模块间接口的复杂性、调用模块的方式以及通过界面传送数据的多少。模块间的耦合度是指模块之间的依赖关系，包括控制关系、调用关系、数据传递关系。模块间联系越多，其耦合性越强，同时表明其独立性越差。软件设计中通常用耦合度和内聚...
摘要：首先介绍一篇对介绍的博文十步完全理解这篇是写注入基础，在此之前，搜集到一篇不错的博文，对注入的原理分析不错，为了不重复造轮子，故此就引用下连接注入分析正文在上一篇文章解释了猜列数的问题，但是并没有回答为何要用猜列数的问题。 前言 学习SQL注入，那么就需要对SQL语句有一定的了解。首先介绍一篇对SQL介绍的博文：十步完全理解SQL 这篇是写SQL注入基础，在此之前，搜集到一篇不错的博文...
阅读 1562·2023-04-26 01:41
阅读 2865·2021-11-23 09:51
阅读 4213·2021-10-12 10:11
阅读 2517·2021-10-09 09:43
阅读 8195·2021-09-22 15:13
阅读 1808·2021-09-07 09:59
阅读 2514·2019-08-30 15:44
阅读 915·2019-08-30 12:45
