蓝灯会snabbdom

Node函数（聚合函数）；虚拟dom；h函数；patch函数：判断是否是同一节点（sameVnode方法）。

snabbdom

• 虚拟dom
  • 结构
    • children
      • 子类
    • data
      • 标签上的属性
      • style样式
      • eventer事件
      • id
      • class
      • 其他属性
    • elm
      • 真实dom映射
    • key
      • 标签的唯一标识符
    • sel
      • 标签
    • text
      • 文本内容
• createElm
  • 递归创建Vnode
  • 参数
    • vnode
• patchVnode
  • 新前
    • 节点
    • 索引
  • 旧前
    • 节点
    • 索引
  • 新后
    • 节点
    • 索引
  • 旧后
    • 节点
    • 索引
• patch函数
  • 虚拟节点上树成为真实dom
  • 参数
    • 参数1（容器/旧Vnode）
    • 参数2（新Vnode）
  • 步骤
    • 第一步
      • 判断参数1是容器还是旧Vnode
    • 第二步
      • 判断是否是同一节点（sameVnode方法）
        • yes
          • 进行diff（patchVnode方法）
        • no
          • 暴力删除，然后插入新的(createElm方法)
• h函数
  • 用于创建生成Vnode
  • 参数
    • 参数1
      • 类型
        • string
      • 含义
        • tag
          • 标签名
    • 参数2
      • 类型
        • object
      • 含义
        • data
          • 属性
    • 参数3
      • 类型
        • string
      • 含义
        • 文本内容
    • 参数4
      • 类型
        • array
      • 含义
        • children
          • 内容（子类）
          • 另外一个h函数
  • 步骤
    • 第一步
      • 函数重载（函数有各种不同输入，根据不同的输入，调用不同的函数，然后返回不同的结果）
    • 第二步
      • 调用vNode()聚合生成vNode
• vNode函数（聚合函数）
  • 参数
    • 参数1
      • sel
    • 参数2
      • data
    • 参数3
      • children
    • 参数4
      • text
    • 参数5
      • key
    • 参数6
      • elm
• diff
  • 不同节点/层级不进行diff，直接暴力删除，然后插入新的
  • 原则
    • 同层级
    • 同虚拟节点(sameVnode方法)
      • 选择器相同且key相同则判定为同一虚拟节点
• sameVnode