文件名称:caratjs:用于假人的简单虚拟DOM框架
文件大小:14KB
文件格式:ZIP
更新时间:2024-06-03 08:27:25
javascript virtualdom JavaScript
克拉 一个用于虚拟人的简单虚拟DOM框架。 受REACT启发。 做到这一点,是为了了解REACT的内部原理以及从头开发这样的框架时人们面临什么样的问题。 脚步 将dom元素转换为Carat VDOM对象的解析器。 克拉VDOM功能类 修补程序,检查dom中的差异。 如果父母相同,则递归检查其子女的变化。 将vdom转换为真实dom的渲染器 观察者检查是否需要进行重新渲染的事件。 例子 - //包含文件carat_output.js //用于构建新的输出运行“ npm run build” var caratTestComponent = new Carat(“ {名称} “,{名称:“测试组件! ”,大小:10,changeName:()=> {返回“通过单击更改!”;}})); //安装组件var mountElement = document.getElementB
【文件预览】:
caratjs-master
----patcher.js(890B)
----webpack.config.js(485B)
----Test()
--------.babelrc(35B)
--------test.js(435B)
--------test.html(241B)
----Build()
--------carat_output.js.map(14KB)
--------carat_output.js(3KB)
----carat.js(3KB)
----README.md(985B)
----.gitignore(13B)
----index.js(97B)
----vdom.js(1KB)
----watcher.js(352B)
----package.json(911B)
----render.js(1KB)