文件名称：gluecodes-glue-dom:使非平凡的UI组件易于阅读和维护
文件大小：412KB
文件格式：ZIP
更新时间：2024-04-22 13:12:29
JavaScript
@gluecodes 胶水 使非平凡的UI组件易于阅读和维护。 另外，再见，虚拟DOM！ 相反，我们将解决方案转向使用编译时DOM差异 循序渐进的学习曲线，无需学习其他模板语法（指令等）。 以HTML顺序读取，同时保持可读性和可维护性。 HTML和JavaScript不会在视图和逻辑之间划清界限。 允许在不编写嵌套内联标签的情况下格式化文本。 使编写动态文本更加容易，而无需检查变量是否为非空。 目录 问题 呈现DOM的理想语法应模仿HTML，使其以从上到下的顺序读取。 对于单个逻辑UI单元，不需要局部变量声明或使用部分函数。 考虑两种最常见的呈现DOM的方式： JSX和HyperScript。 它们在没有嵌套条件逻辑的简单演示场景中运行良好。 当需要嵌套条件时，最终将混合使用逻辑表达式，三元运算符和扩展运算符。 语法比较 考虑下面的例子； 编写一个呈现基于条件HTML的函数。
【文件预览】：
gluecodes-glue-dom-master
----.dockerignore(39B)
----.eslintrc(97B)
----.gitattributes(771B)
----yarn.lock(223KB)
----webpack.config.js(558B)
----src()
--------renderVDomElement.js(3KB)
--------createRenderer.js(347B)
----.babelrc(229B)
----Dockerfile(93B)
----scripts()
--------packComponents.js(3KB)
----.circleci()
--------config.yml(2KB)
----CONTRIBUTING.md(261B)
----test()
--------unit()
----LICENSE.md(1KB)
----README.md(8KB)
----glue-dom.png(399KB)
----docker-compose.yml(228B)
----CODE_OF_CONDUCT.md(3KB)
----.gitignore(1KB)
----index.js(136B)
----package.json(1014B)