{"html":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n    <head>\r\n        <meta charset=\"UTF-8\">\r\n    </head>\r\n    <body>\r\n\r\n        <script>\r\n            var vnode = {\r\n                tag: 'ul',\r\n                props: {\r\n                    class: 'list'\r\n                },\r\n                text: '',\r\n                children: [\r\n                    {\r\n                        tag: \"li\",\r\n                        props: {\r\n                            class: \"item\"\r\n                        },\r\n                        text: '',\r\n                        children: [\r\n                            {\r\n                                tag: undefined,\r\n                                props: {},\r\n                                text: '牛客网',\r\n                                children: []\r\n                            }\r\n                        ]\r\n                    },\r\n                    {\r\n                        tag: \"li\",\r\n                        props: {},\r\n                        text: '',\r\n                        children: [\r\n                            {\r\n                                tag: undefined,\r\n                                props: {},\r\n                                text: 'nowcoder',\r\n                                children: []\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            }\r\n            const _createElm = vnode => {\r\n                // 补全代码\r\n                let element\r\n        if(vnode['tag']){\r\n          element = document.createElement(vnode['tag'])\r\n          // 添加属性\r\n          if(JSON.stringify(vnode['props'])!=='{}'){\r\n            const props = vnode['props']\r\n            for(const key in props){\r\n              element.setAttribute(key,props[key])\r\n            }\r\n          }\r\n          // 添加文本\r\n          if(vnode['text']){\r\n            element.innerText = vnode['text']\r\n          }\r\n          // 添加孩子\r\n          if(vnode['children'].length>0){\r\n            vnode.children.forEach(child=>{\r\n              element.appendChild(_createElm(child))\r\n            })\r\n          }\r\n        }\r\n        else{\r\n          element = document.createTextNode(vnode['text'])\r\n        }\r\n        return element\r\n            }\r\n        </script>\r\n    </body>\r\n</html>","css":"/* html, body {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n} */","js":"// 请在这里输入代码"}