我对 Ractive 更新的理解是,或多或少,它检查数据的哪些部分发生了变化,将其与 HTML 的哪些部分需要更新进行比较,然后更新或覆盖它。
在 CSS 的情况下,如果 Ractive 模板插入一个内联样式表,它是否具有与单个样式 block 相同的部分更新? (就像一个选择器加上一个属性/值 block 。)这样,数据的更改只会更新一个样式,而不是整个 <style>
。样式表。
(我问是因为我假设后一种情况在重绘方面会更高效,但如果有人知道其他情况,我也很想知道。)
如果 Ractive 本身不执行此行为,是否有一种方法可以“填充”Ractive 以将各个样式视为不同的虚拟节点?
最佳答案
是的,它维护一个节点——否则解析器需要理解 CSS,并且在运行时 Ractive 需要遍历和操作样式表对象。好消息是整个 block 会立即更新,因此如果有多个更改,它不会多次更新 CSSOM。
如果事实证明这种方法确实会对性能产生不利影响,请在 GitHub 上提出问题!
关于css - Ractive 是否为 <style> 元素维护单个节点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33902513/