我想绘制一个实时发生的“事件”时间表 - 时间轴包括一个垂直刻度的“标尺”，每一分钟的文本时间戳，以及描述事件类型的图标。
我遇到的问题是统治者。它应该以圆形的每分钟间隔绘制一个“高”的垂直刻度。每个圆形分钟线之间的间隔被分成25个较小的间隔，每个间隔用“短”刻度标记。每5个“短”刻度中的一个将被赋予“中等”高度。
目前我通过创建许多span元素来实现这一点 - 每25分钟创建1个。当会话超过12或我使用css隐藏一些跨度（visibility：hidden）时 - 会话越长，我隐藏的项目就越多。无论如何，这会导致我的DOM包含大量的span元素。
我想过尝试使用背景重复以避免许多跨度元素 - 但问题是这实际上会对性能产生任何影响吗？绘制多个DOM元素和重复背景图像有什么区别？
感谢
答案 0 :(得分：1)
当您添加元素时，背景重复会更快，并且性能会偏向于背景重复。
居：
10元素Vs背景重复=背景重复快10倍
100个元素与背景重复=背景重复快1000倍
等等