题解 | #虚拟DOM#

虚拟DOM

https://www.nowcoder.com/practice/a283d2c284ed49468c3b0f6ec0312b0f

			const _createElm = vnode => {
                // 补全代码
                const {tag,props,text,children} = vnode;
                if (!tag) {
                    // tag不存在,就是文本节点
                    return document.createTextNode(text);
                }
                //创建元素
                let element = document.createElement(tag);
                //添加属性
                for (let prop in props) {
                    element.setAttribute(prop, props[prop]);
                }

                // 插入子节点
                if (children.length) {
                    for (let item of children) {
                        element.appendChild(_createElm(item));
                    }
                }
                return element;
           }

全部评论

相关推荐

评论
1
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务