如今前端最主要的都学什么?

首先前端三大件：前端的根本，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，无论你是小白仍是大牛我都欢迎，但愿你们诚心交流！还有大牛整理的一套高效率学习路线和教程与您免费分享，与企业需求同步。好友都在里面学习交流，天天都会有大牛定时讲解前端技术!