本文介绍了Snabbdom，一个轻量级的虚拟DOM库，其高效的diff算法对前端开发有着重要影响。只需安装webpack，即可开始使用。文章详细阐述了h函数，包括它返回的children、data、elm、key、sel和text等属性，以及patch函数如何实体化虚拟DOM。通过学习，开发者能更好地掌握虚拟DOM的工作原理和应用。
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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
