# 学习路线和方法

# 参考资料和目标

零基础 的同学，参考资料：

• 《JavaScript 高级程序设计》
• 《精通 CSS》
• MDN

1年以上经验 的同学：

• 摸索出适合自己的前端学习方法
• 建立起前端技术的知识架构
• 理解前端技术背后的核心思想

# 前端学习方法

• 建立知识架构
• 追本溯源

# 建立知识架构

可以把零散的知识组织起来，帮助我们发现知识上的盲区。

给 JavaScript 做一个目录划分：

• 文法
• 语义
• 运行时

对于任何计算机语言来说，必定是用“规定的文法，表达特定的语义，最终操作运行时“的一个过程。

再往下分：

• 文法
  • 词法
  • 语法
• 语义
• 运行时
  • 类型
  • 执行过程

程序 = 算法 + 数据结构。算法就是执行过程，数据结构就是类型。

再往下分：

• 文法
  • 词法
    • 直接量
    • 关键字
    • 运算符
  • 语法
    • 表达式
    • 函数
    • 对象
    • 模块
• 语义
• 运行时
  • 类型
    • 对象
    • 数字
    • 字符串
  • 执行过程

再往下细分：

JavaScript 可以参考标准，我找到一份指南(仅供参考)。

浏览器 API，可以用 for...in 遍历 window 的属性。

# 追本溯源

• 关注技术提出的背景
• 关注原始的论文或文章
• 关注作者说的话