发布于:2021-01-17 00:00:08
0
76
0
添加一些有用的帮助程序来创建DOM元素并使它们与数据保持同步,RE:DOM是一个快速的JavaScript库,用于创建您一直在寻找的UI!让我们仔细看看是什么使这个库特别。
正如我们之前所说的,好(有用)的东西通常以小包装的形式出现。
RE:DOM 是一个很小的JavaScript库,旨在添加一些有用的帮助程序来创建DOM元素并使它们与数据保持同步。
让我们仔细看看。
一个拥有巨大个性的小型图书馆
以下是RE:DOM的主要功能:
元素- el (实际上 别名 为 html)是用于帮助 document.createElement 一对夫妇的差异。基本思想是简单地用创建元素 el 并用装载它们 mount,就像使用普通JavaScript一样。
挂载– 您可以使用挂载元素/组件 mount(parent, child, [before])。如果定义了第三个参数,则其作用类似于 insertBefore ,否则为 appendChild。挂载将在 您第一次挂载孩子时触发 onmount 生命周期事件。如果您再次将同一个孩子安装到同一个父对象上,则会 onremount被调用。如果你把它安装到另一个地方, onunmount 和 onmount 被调用。在此处找到有关安装的更多信息。
组件– 您可以通过定义一个类或函数来轻松地使用RE:DOM创建组件,该类或函数将返回一个至少具有el 属性的对象 ,并且在列出列表的情况下 还返回该 update 属性。
列表– 当您拥有动态数据时,手动保持元素和数据同步并不容易。那是 list(parent, View, key, initData) 帮助者来救援的时候。
位置–place(View, initData) 当您需要在保留位置的同时创建/销毁组件时,此功能非常有用。将其视为单视图 路由器 (无需父级路由器)。
路由器– router(parent, routes, initData) 是一个组件路由器,它将根据当前路由创建/更新/删除组件。
有关RE:DOM可以做什么的更多信息,请查看文档或转到GitHub存储库。
作者介绍