实现一个简易版render函数
今天主要分享的是如何把compiler编译成树结构的对象转换成真实dom
本次分享-->👉👉👉更好的让你了解是怎么把树结构的对象渲染到了真实dom上,这边建议立马打开编辑器,来跟着我的思路一起向下走吧!
把下面这个对象转换成真实dom,并点击2会触发生效点击事件
render函数
一、点击事件
1.创建函数并绑定节点
创建一个render函数接收2个参数(一个是需要渲染的对象obj,一个是需要绑定的根目录节点),并创建一个元素节点,把对象里面的tag挂载到根目录的节点
2.正则匹配事件
这里的函数事件你可能有点陌生,不过换成这样你就很清晰了
二、是否是字符串
三、是否是数组
四、总结
整体的结构和思想
关于这篇文章,主要起到一个基垫作用,我也希望你们能再这个基础上慢慢探索,也可以找我讨论,非常欢迎!!!,主要是代码的思想起到很重要的作用,等你经历了你才知道原来代码还能这么写。