我们一起来读书吧 关注:155贴子:3,211
  • 0回复贴,共1
检查vnode是否有tag属性,有则为元素节点;
1、元素节点创建流程
调用环境的createElement方法(浏览器中是document.createElement)创建节点;
处理子节点:递归创建所有子节点(children),将子节点插入到当前创建的节点下;
插入:将当前节点插入到指定的父节点中;
当vnode没有tag属性时,检查isComment属性,为true则是注释节点;
2、非元素节点创建流程
注释节点创建:调用document.createComment方法;
文本节点创建:调用document.createTextNode方法;
插入:将创建的节点插入到指定父节点中;
整个过程是一个递归过程;节点创建后需要插入到父节点才能渲染到视图;
7.3删除节点
删除vnodes数组中从startIdx指定位置到endIdx指定位置的内容。
removeNode用于删除视图中的单个节点,而removeNodes用于删除一组指定的节点。


IP属地:北京1楼2025-08-19 09:35回复