RativeJS - 了解 DOM 更新何时完成的生命周期事件?
RativeJS - Lifecycle event to know when DOM updates are complete?
我是 Ractive.js 的新手,想知道是否有生命周期事件可以用来了解 Ractive 何时完成 DOM 更新以响应数据更改?
我的用例是我有一个框网格(简单的 div)从数据模型渲染一些文本。每当我的数据模型更新时,Ractive 都会为我正确更新 DOM。但是当它完成后,我想动态调整每个框中的字体大小以确保文本适合。
这只是调整文本大小以适合我的第一件事,它可能不是正确的解决方案...但我很惊讶我没有找到这样的生命周期事件?
这是我正在查看的文档:http://docs.ractivejs.org/latest/lifecycle-events。我的应用程序正在使用魔术模式来处理更新。
除非有知识渊博的人基本上纠正了文档,否则似乎没有可监听的生命周期事件。
然而,我发现 Ractive 的 Decorators 概念为我提供了我正在寻找的功能。通过将 Decorator 传递给我的 Ractive 实例,我得到了由 RactiveJS 创建的 DOM 节点的传递,并且我能够做我需要做的任何工作(在我的例子中,计算节点中的文本是否适合它的容器并将其缩小 Javascript).
我是 Ractive.js 的新手,想知道是否有生命周期事件可以用来了解 Ractive 何时完成 DOM 更新以响应数据更改?
我的用例是我有一个框网格(简单的 div)从数据模型渲染一些文本。每当我的数据模型更新时,Ractive 都会为我正确更新 DOM。但是当它完成后,我想动态调整每个框中的字体大小以确保文本适合。
这只是调整文本大小以适合我的第一件事,它可能不是正确的解决方案...但我很惊讶我没有找到这样的生命周期事件?
这是我正在查看的文档:http://docs.ractivejs.org/latest/lifecycle-events。我的应用程序正在使用魔术模式来处理更新。
除非有知识渊博的人基本上纠正了文档,否则似乎没有可监听的生命周期事件。
然而,我发现 Ractive 的 Decorators 概念为我提供了我正在寻找的功能。通过将 Decorator 传递给我的 Ractive 实例,我得到了由 RactiveJS 创建的 DOM 节点的传递,并且我能够做我需要做的任何工作(在我的例子中,计算节点中的文本是否适合它的容器并将其缩小 Javascript).