css - Ractive 是否为 <style> 元素维护单个节点?

标签 css dom virtual ractivejs

我对 Ractive 更新的理解是,或多或少,它检查数据的哪些部分发生了变化,将其与 HTML 的哪些部分需要更新进行比较,然后更新或覆盖它。

在 CSS 的情况下,如果 Ractive 模板插入一个内联样式表,它是否具有与单个样式 block 相同的部分更新? (就像一个选择器加上一个属性/值 block 。)这样,数据的更改只会更新一个样式,而不是整个 <style>。样式表。

(我问是因为我假设后一种情况在重绘方面会更高效,但如果有人知道其他情况,我也很想知道。)

如果 Ractive 本身不执行此行为,是否有一种方法可以“填充”Ractive 以将各个样式视为不同的虚拟节点?

最佳答案

是的,它维护一个节点——否则解析器需要理解 CSS,并且在运行时 Ractive 需要遍历和操作样式表对象。好消息是整个 block 会立即更新,因此如果有多个更改,它不会多次更新 CSSOM。

如果事实证明这种方法确实会对性能产生不利影响,请在 GitHub 上提出问题!

关于css - Ractive 是否为 &lt;style&gt; 元素维护单个节点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33902513/

相关文章:

css - IIS 7 上的公司 Intranet : Looking to Enhance Directory Listing

c++ - 将派生类对象分配给基类对象时会发生什么(我的意思是对象分配,而不是指针)

c++ - 简单程序中的虚拟析构函数导致编译器错误 : "unresolved external symbol"

c++ - 如何转换模板类?

用于显示整个 fb 弹出对话框的 HTML、CSS 设置

javascript - 使用全日历防止默认选择当天

javascript jquery循环将图像重新缩放到浏览器窗口但保持纵横比

jquery - 如何将标签内容(例如标签名称和属性)显示为字符串?

javascript - 如何清除 HTML 文档上的所有内容?

java - "Premature end of file, org. xml. sax. SAXParseException"异常的原因是什么?