首先前端三大件：前端的根本，html、css、JavaScript、JavaScript是重中之重。
库工具：对于库工具而言我们常用的有 JQuery、underScore、zepto、Moment 等
JQuery: 降低开发者操作 DOM 的复杂度
UnderScore: 提供实用的函数
Zepto: JQuery 的简化版
Moment: 日期和时间操作库
这些库给我们提供了很大的便利，省去了我们编写相关方法的时间，同时也是我们的程序更加稳健我们自己写的方法很可能在某些情况下就出 bug 了。
前端框架（ MVVM ）的学习
当下最火的框架想必一定是 React 和 Vue，如果 JQuery 的存在是是我们更加方便的操作 DOM,那么现在 MVVM 框架则是让我们从手动更新 DOM 的繁杂操作中解放出来。
至于 React 和 Vue 该学习哪一个，更多的还是看当下公司使用的是哪一个（也不是必然）。对于 Vue(React) 该如何使用其实不用多久就能上手，我们更应该关心的是他们背后的设计思想和实现原理。
浏览器 & 计算机基础
如果你希望能能快速进阶到高级工程师，那么对于浏览器 & 计算机基础的知识你就必要又有一定的掌握。因为这能让你更好的理解前端。
浏览器一直是 JavaScript 最重要的宿主环境，所以我们必须去了解 JavaScript 在浏览器中是如何执行的。
我们前端开发接触最多的应该就是浏览器了，记得工作第一年最头痛的就是处理 IE 的兼容问题。工作中出现的很多问题都和浏览器有关，所以我觉得了解浏览器工作原理是非常有必要的。
前端工程化
从事前端稍微久一点的开发就一定会有这个感受 —— 前端开发越来越工程化，越来越复杂。
对于前端开发来说，现在前端要做的不只是切页面调接口这么简单，我们需要了解的技术无疑更加广泛。
性能优化
提起性能优化，大家最先想到的是什么？我最先想到的是一道面试题：
从输入 URL 到页面加载完成的具体过程
因为从直观层面来看，我们前端需要优化的步骤基本都在这个加载工程当中。
性能优化现在对于前端来说已经是必不可少的技能了，当然现在有些所谓的性能优化的技巧现在都成为了一种需要遵从的规范。
Nodejs
我们知道由于 Nodejs 的出现，前端开发出现了一个新的高潮。JS 开始可以涉及后端领域，JS 的可能性更大了。
Nodejs 一些知识点
Nodejs 在应用程序中的作用
Express 和 Koa 的区别
Nodejs 的底层运行原理、和浏览器的异同
Nodejs 非阻塞机制的实现原理
……
数据结构和算法
这一点我也比较薄弱，就不展开了。关于这部分你可以刷 leetcode。
另外推一本书《学习 JavaScript 数据结构与算法》（第三版）
以上就是我觉得现在学习前端开发一定要掌握的技术知识，肯定也有其局限性，但是也希望对你有所帮助，还有就是对于自学前端，也给你几点建议。
一：首先，有这样的一种情况很常见，对于想自学web前端的人来说，他们大多数都是非常盲目的，不知道自己改如何入手，很多人在网上找一些视频，然后疯狂的过视频，很快就把一块内容都学完，他们理解的学完了就是视频看完了，但是让他们动手去做东西却做不出来，而我的理解学完了就是自己能写出东西，所以对于初学者来说一定不能盲目，要有自己的规划，不然就是浪费时间白忙活。
二：既然是学习专业技术，我个人的建议是，一定要有一个能指导你的人，不能都靠自己闭门造车，这样的行为并不聪明，结识一位这方面的人才，时不时去问问人家问题，不然你可能会发现一个小问题能困扰你一天，最后还不知道是什么原因。
三：学习web前端技术，不能跟学数学语文一样对待，比较刚接触代码是不容易记住的，所以要掌握上述的技术，你还要知道学习web前端技术有哪些“坑”。对于学习方法这块是尤为重要的，怎么学才能让你学完了能记住之前学的那些，不至于学完了就忘，这个问题值得你学习之前去思考的。
四：根据我多年的学习情况来看，你平时一定要养成好的学习习惯，就说我自己吧！我就喜欢把自己曾经遇到的问题整理在电脑的日记本上，然后我会搜集一下博客相关的技术文章，一些我认为比较有用的网站，以后都能用的上，这是我个人的学习习惯，相信我，如果你想走的更远，一定要养成习惯。
学习安排路线：
基础：HTML+CSS页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发
核心：web前端核心技术JavaScript，ecmasript，dom，ajax，json，正则，作用域，运动框架，核心算法，高级函数，插件封装，jQuery。
高级：html5+高级JavaScript开发，大数据可视化，webapp交互接口，lbs定位，微信sdk，es6标准，高级算法，数据结构，插件封装。
框架：bootstrap、vue、react、angular、sass企业开发应用。
以上就是我的分享，希望对你有所帮助，
小编也在前端混了有几年，整理了一些学习资料，对web开发技术感兴趣的同学
欢迎加入新建的Q群：603985993，不管你是小白还是大牛我都欢迎，希望大家诚心交流！
还有大牛整理的一套高效率学习路线和教程与您免费分享，与企业需求同步。
好友都在里面学习交流，每天都会有大牛定时讲解前端技术!