关于javascript:默写一个简单的虚拟DOM

45次阅读

共计 741 个字符，预计需要花费 2 分钟才能阅读完成。

`<html>
<body>
</body>
<script>

class Element{constructor(tagName, props, children) {
        this.tagName = tagName
        this.props = props
        this.children = children
    }

    render () {const {tagName, props, children=[]} = this

        const el = document.createElement(tagName)

        for(const att in props) {el.setAttribute(att,props[att])
        }

        children.forEach(function(child){const childEl = child instanceof Element ? child.render() : document.createTextNode(child)

            el.appendChild(childEl)
        })

        return el
    }
}

function el (tagName, props, children) {return new Element(tagName, props, children)
}

const ul = el('ul',{class: 'list'},[el('li',{class: 'item'},['1','-']),
        el('li',{class: 'item'},['2',2,false]),
        el('li',{class: 'item'},['3']),
    ])

document.querySelector('body').appendChild(ul.render())

</script>
</html>`

关上编辑器默写虚构 DOM，如果运行谬误就重写，你是在第几次实现的呢？

正文完