Ractive 是否为 <style> 元素维护单个节点?
Does Ractive maintain a single node for a <style> element?
我对 Ractive 更新的理解是,它或多或少地检查数据的哪些部分发生了变化,将其与 HTML 的哪些部分需要更新进行比较,然后更新或覆盖它。
在CSS的情况下,如果一个Ractive模板插入了一个内联样式表,它是否具有与单个样式块相同的部分更新? (就像一个选择器加上 properties/values 的一个块。)这样,数据的更改只会更新一个样式,而不是整个 <style>
样式表。
(我问是因为我假设后一种情况在重绘方面会更高效,但如果有人知道其他情况,我也很想知道。)
如果 Ractive 本身不执行此行为,是否有办法 "shim" Ractive 将各个样式视为不同的虚拟节点?
是的,它只维护一个节点——否则解析器需要理解 CSS,并且在运行时 Ractive 需要遍历和操作样式表对象。好消息是整个块是一次更新的,所以如果有多个更改,它不会多次更新 CSSOM。
如果事实证明此方法确实会对性能产生不利影响,请在 GitHub 上提出问题!
我对 Ractive 更新的理解是,它或多或少地检查数据的哪些部分发生了变化,将其与 HTML 的哪些部分需要更新进行比较,然后更新或覆盖它。
在CSS的情况下,如果一个Ractive模板插入了一个内联样式表,它是否具有与单个样式块相同的部分更新? (就像一个选择器加上 properties/values 的一个块。)这样,数据的更改只会更新一个样式,而不是整个 <style>
样式表。
(我问是因为我假设后一种情况在重绘方面会更高效,但如果有人知道其他情况,我也很想知道。)
如果 Ractive 本身不执行此行为,是否有办法 "shim" Ractive 将各个样式视为不同的虚拟节点?
是的,它只维护一个节点——否则解析器需要理解 CSS,并且在运行时 Ractive 需要遍历和操作样式表对象。好消息是整个块是一次更新的,所以如果有多个更改,它不会多次更新 CSSOM。
如果事实证明此方法确实会对性能产生不利影响,请在 GitHub 上提出问题!