1. 明确你的前端学习路线与方法
- 0基础入门：《JavaScript高级程序设计》《精通CSS》等书籍，阅读一些参考性质的网站：MDN
前端学习方法：
1.建立知识架构
- 知识架构：知识的“目录”或者索引，它能够帮助我们把零散的知识组织起来，也能够帮助我们发现一些知识上的盲区。
- 知识点划分：文法、语义、运行时
文法：词法/语法 （编译原理的划分）
语义 跟语法一一对应
运行时：类型/执行过程
2.追本溯源
追本溯源，其实就是关注技术提出的背景，关注原始的论文或者文章，关注作者说的话。
总结
你要试着建立自己的知识架构，除此之外，还要学会追本溯源，找到知识的源头。
2.列一份前端知识架构图
前端的知识在总体上分成基础部分和实践部分，基础部分包含了JavaScript语言（模块一）、CSS和HTML（模块二）以及浏览器的实现原理和API（模块三），这三个模块涵盖了一个前端工程师所需要掌握的全部知识。实践部分（模块四）
JavaScript
HTML 和 CSS
在HTML的部分：我把标签分成下面几种。
- 文档元信息：通常是出现在head标签中的元素，包含了描述文档自身的一些信息；
- 语义相关：扩展了纯文本，表达文章结构、不同语言要素的标签；
- 链接：提供到文档内和文档外的链接；
- 替换型标签：引入声音、图片、视频等外部元素替换自身的一类标签；
- 表单：用于填写和提交信息的一类标签；
- 表格：表头、表尾、单元格等表格的结构。
ARIA，它是HTML的扩展，在可访问性领域，它有至关重要的作用。
CSS部分： 在语言部分，我们会从大到小介绍CSS的各种语法结构，比如@rule、选择器、单位等等。功能部分，我们大致可以分为布局、绘制和交互类。
在布局类我们介绍两个最常用的布局：正常流和弹性布局。绘制类我们则会分成图形相关的和文字相关的绘制。最后我们会介绍动画和其它交互。
浏览器的实现原理和API
前端工程实践
重学前端目录：
