学习方法

[Devancn]

把知识进行分解，按照关系进行分类整理

顺序关系

每个子节点的步骤具有明显的先后关系，顺序不能乱，子节点每个步骤都完成后会组合成父节点，如编译的四个步骤：

1. 词法分析 把源代码分成一个个有意义的词
2. 语法分析 根据词法分析步骤过后产生一个个有意义的词变成一颗抽象语法树(AST)
3. 代码优化 根据这颗抽象语法树进行代码结构上的优化
4. 代码生成 根据优化后的抽象语法树生成目标代码

组合关系

父节点描述一个事物，子节点描述这个事物的各个部分，如CSS规则：

• 选择器 ID选择器、类选择器、属性选择器、伪类选择器、元素选择器
• 属性 改变 HTML 元素样式的途径
• 值 在属性的右边，冒号后面即属性的值

维度关系

把一个事物可以分成几个维度来看待，如JavaScript：

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

分类关系

父类是一个集合，每个子类都是父类的一个子集。如CSS简单选择器，以下是常用的选择器：

• 元素选择器 所有指定（该）类型的 HTML 元素
• ID 选择器 具有特定 ID 的元素（单一 HTML 页面中，每个 ID 只对应一个元素，一个元素只对应一个ID）
• 类选择器 具有特定类的元素（单一页面中，一个类可以有多个实例）
• 属性选择器 拥有特定属性的元素
• 伪类选择器 特定状态下的特定元素（比如鼠标指针悬停）