史上最全web前端学习路线

一、web前端学习路线

1. HTML
   基础，建议时常两周，包括面试的热点：margin塌陷、bfc
2. CSS
   基础，建议时长两周，包括权重
3. Js（Ajax）
   基础，建议时长一个月，包括DOM、BOM、闭包、原型等面试热点
4. Jq，Lodash，Mock，Moment
   常见的js工具库，提高编程效率和兼容性
5. CSS3
   包括过度、动画、盒模型、响应式等
6. H5(canvas，svg)
   新语义化标签等
7. Bootstrap、Layui
   两个框架都使用栅格系统进行响应式布局
8. ES6
   只是一个统称，简单来说就是js语法糖，实现代码更流畅，语义更自然。其中面试热点promiss等
9. 模块化开发
   学习模块化开发思想，一个功能一个模块，让代码可阅读性和可维护性显著性提高。
10. webpack/Git
    包管理工具，实现对代码的过滤与打包等。Git是现在主流的版本管理器。
11. Vue/React
    目前流行的前端框架，基本上各个公司都有需求。
12. nodeJs
    服务器端的js，是全栈开发的基础。

按以上路线学习，基本可以满足现在85%招聘的需求。剩下的如微信小程序开发、移动端开发等算是一种前端的开发方向，还有一些框架如Element、ECharts等插件属于个人提升，提高自己的发展空间。

另外如数据结构、算法、网络协议（跨域）、网络攻击、浏览器渲染规则等知识也是面试热点，尽量学习提高面试竞争力。