前端学习路线（一）

很多人问我前端学习的路线是怎么样的，css要学多久，js高级要不要学，先学node.js还是先学vue，所以想通过一篇博文来讲一下这个事情

要不要学前端三剑客

这个问题是很多想快速上手前端的同学问的最多的一个问题，因为有很多人会说不用学三剑客，直接上手框架就行，学三剑客特别是js浪费时间，对于这个看法，我是持反对意见的，先不说做任何事都是要打好基础，夯实基础，如果直接上手各种框架，只会增加学习成本，时间成本

遇到不会的问题问别人，别人也不清楚你说的是什么意思，原因就是没有经过系统的学习，没有一种体系的知识去跟别人交流。虽然我们学习的方式不一样，有些人报班，有些人自学，但是知识体系是一样的，你想问的问题，如果你表达不出来，那就说明是知识体系出了问题

只有从基础学起，重视知识体系，才能在日后的学习中更好的适应各种框架

就比如学习vue，在文档中写明了需要有中级以上的js基础，说明了前端三剑客的重要性

学习前端三剑客的轻重点以及时间如何去分配

学习前端三剑客的路线自然是html→css→js，那在这三剑客中有哪些是需要重点掌握哪些是需要了解即可的呢？

html学到什么程度

博主认为html整个部分都简单了解即可，不需要过多的深入去了解，花费的时间可以在三天左右（或许三天都过多了）。

css的重点

在学习完html之后，对页面的结构就有了个大致的了解，就可以去学习css，也就是我们说的层叠样式表，css是跟js一样贯穿整个前端学习过程的，有很多程序员因为忽视了对css的学习，在学习的时候觉得css不算编程语言，就比较轻视，出来工作了就对样式这一块比较吃亏。
在css中，需要重点了解的是：
①单位，px、rem、vh等单位，特别是需要做手机端的app或小程序的项目，需要对单位有个了解
②浮动布局，在学基础的时候需要去研究一下浮动布局，不过在真正的工作中用的不多
③flex布局，需要对flex布局有个自己的理解，然后结合chrome浏览器自带的功能去调试flex，认真学习flex-direction、flex-wrap等属性
④自适应的操作，什么百分比，媒体查询，rem等

在学css的时候一定要学less和sass这些预编译语言，对未来开发项目时规范代码有很大的帮助

太多要记的怎么办

在学习css时，很多同学都会遇到的一个问题就是，觉得太多要记的，不知道怎么去记，好像看了视频上了课，等到自己写的时候又忘了，博主这里的建议是挑一个比较好些的官网首页去认真的写两遍，相信博主，你的css熟练度会提升不少，同时可关注博主关于前端开发思路的专栏博文前端开发思路，可以对写静态页面的思路有个大致的构思

要不要补英语

还有就是学css时英语不好，要不要去补英语的问题，这里博主的建议是如果英文不好，而且有时间的话，可以坚持的去学习一下英语单词，如果没有时间的话也没有关系，多写就熟悉那几个单词了，重点还是多写

关于js

相信这个问题是大家最关注的，js怎么学，学到什么程度，js高级是什么，可以直接学jq不学js吗，这是都是很多同学问博主的常见问题，如果你想学习好js，学习好前端，那下面的话可要认真看了

js是一门语言，什么是语言呢，简单来说就是可以进行运算的，有加减乘除的，同理这就是为什么css不算一门语言的原因

js怎么学

js怎么学，看着视频学，跟着老师学，但学到什么程度？知道轮播图是怎么写的就可以了，能够手写出轮播图是最好，能够理解轮播图的原理是次好。如果有C语言基础和数据结构基础，那对于js的加减乘除与或非三元表达式是很容易上手的，如果没有，这方面也需要加强去学习，在学习的时候遇到不懂的可以搜百度，要多做笔记，反复的去看笔记，这是关于js怎么学的建议，重点是去理解，什么是全局，什么是函数表达式，什么是函数作用域，什么是对象，一定要理解透彻，如果实在理解不了文字性的意思，可以私聊博主或者点击最下方的微信连接添加微信

js高级是什么

js高级简单来说讲的就是两样东西，原型和闭包。js高级要不要学？js高级要学，不管你后续是学习哪个框架，js的原型和原型链都是很有用的基础知识，举个简单的例子，在后续的学习中我们会学习到方法，有些插件有内置的方法，就需要我们去原型链里找然后再使用，所以是学习js中不能跨过的一条河，内容不多，重在理解，不用死记硬背

可以直接学jq不学js吗

说实话现在jq也过时了，除非是比较小而且不是专注于互联网的公司，可以能还在使用jq，所以博主的建议是不要直接学jq，也不一定就要学jq，你认真去学js，完全可以不学jq，当然了解一下jq还是很有必要的，但没有必要去说要写一个用jq编写的项目增加jq熟练度，了解一下，知道最基本的$()和链式编程就可以

前端学习路线博主打算更四章内容，涵盖前端三剑客到ajax等接口类的和到 vue等框架的，对其中的主要的一些问题和重难点做个梳理，对想学前端的，转行前端的同学们和未来的同行们给个建议，少走一些弯路

如在开发问题中遇到问题，可私聊博主
如有错字，还请原谅！近日会下一章：前端学习路线（二），同时也会更新前端静态页面开发思路（二）