虚拟dom和diff算法

snabbodm

码云地址 https://gitee.com/blueskyliu/snabbdom.git

简介

snabbdom是著名的虚拟DOM库，是diff算法的鼻祖

配置环境

因为snabbdom环境简单 所以只需要安装webpack即可，版本要求最低5起步

npm i -D webpack@5 webpack-cli@3 webpack-dev-server@3

虚拟dom与h函数

h函数
返回值

children //子节点
data //节点数据 例如标签的元素
elm //是否在dom树上
key //节点id
sel //节点类型
text //文本内容

patch 函数

实体化虚拟dom
参数1 根节点id
参数2 虚拟dom