开始
不久前，刚刚分享了狂神说Java的Java学习路线！
Java学习完整路线，强烈建议收藏转发
今天又给大家带来了前端的学习路线
前言
不仅仅是Java这种，前端技术现在也是如此的繁杂，到底应该怎么学习呢！
本文来自大部分来自Bilibili程序羊
入题
随着时代的进步。公司对前端岗位的要求越来越高。我们现在不仅仅只是学习CSSHTMLJavaScript了。当然，他们仍然是前端的根本！三者之中，JavaScript又是重中之重！
目录
三大件学习库工具前端框架（MVVM）的学习浏览器计算机基础前端工程化性能优化Nodejs学习01三大件学习
CSSHTMLJavaScript02库工具
对于库工具而言我们常用的有JQuery、underScore、zepto、Moment等
03前端框架（MVVM）学习
当下最火的框架想必一定是React和Vue，如果JQuery的存在是是我们更加方便的操作DOM,那么现在MVVM框架则是让我们从手动更新DOM的繁杂操作中解放出来。
至于React和Vue该学习哪一个，更多的还是看当下公司使用的是哪一个（也不是必然）。对于Vue(React)该如何使用其实不用多久就能上手，我们更应该关心的是他们背后的设计思想和实现原理。
Vue的优势是：
模板和渲染函数的弹性选择简单的语法和项目配置更快的渲染速度和更小的体积React的优势是：
更适合大型应用和更好的可测试性同时适用于Web端和原生App更大的生态系统，更多的支持和好用的工具04浏览器计算机基础
需要了解的一些知识点
浏览器缓存机制浏览器中JavaScript的执行机制页面渲染原理浏览器安全问题浏览器为什么会跨域如何系统的优化页面HTTP与HTTPS的区别TCP/IP协议三次握手和四次挥手CDN的作用和原理正向代理与反向代理的特点……05前端工程化
前端工程化一些知识点
理解Babel、ESLint、webpack等工具在项目中的作用Babel的核心原理Webpack的编译原理、构建流程、热更新原理nginx的基本理解理解Git的工作流程Mock的意义及优点06性能优化
性能优化一些知识点
前端性能衡量指标、性能监控（performance,LightHouse）常见的性能优化方案有哪些SSR方案的性能优化Webpack的性能优化方案React、Vue等框架使用性能优化方案网络层面的优化方案页面渲染层面的优化方案白屏的优化方案07Nodejs学习
Nodejs一些知识点
Nodejs在应用程序中的作用Express和Koa的区别Nodejs的底层运行原理、和浏览器的异同Nodejs非阻塞机制的实现原理