Question

我有（自动生成的）非常重复的html代码。可以在https://www.findstat.org/MapsDatabase/Mp00007/Mp00101处找到一个较大的示例，而在https://www.findstat.org/MapsDatabase/Mp00007

中可以找到一个较小的示例

问题出在显示数学对象序列的框中，例如

[[1,0,0],[0,0,1],[0,1,0]] => [1,0,1,1,0,0]

不幸的是，它可能包含大约1000行。有时前几行很有趣，有时最后几行，有时在中间。

每行这样的重要特征如下：当您将鼠标悬停在一个对象上时，将获取并显示一个可视化的图形。 png的名称由前缀确定，该前缀确定对象的种类以及对象本身。例如，左侧图形的名称为

/Graphics/api/Cc0017_[[1,0,0],[0,1,0],[0,0,1]].png

表中每个“列”的前缀都相同，但是

当前，每行表示如下：

<div class="data_line">
    <span>
        [[1,0,0],[0,1,0],[0,0,1]]
    <span class="tooltipContainer">
        <img src="/moin_static196/noimage.png" data-src="/Graphics/api/Cc0017_[[1,0,0],[0,1,0],[0,0,1]].png" data-mod="cc-dom-rep" alt="generating graphics...">
    </span>
    </span>
    <span class="operator">=&gt;</span>
    <span class="value">
        [1,0,1,0,1,0]
    <span class="tooltipContainer">
        <img src="/moin_static196/noimage.png" data-src="/Graphics/api/Cc0005_[1,0,1,0,1,0].png" data-mod="cc-codom-rep" alt="generating graphics...">
    </span>
    </span>
</div>

我还没有编写这段代码，而且我并不是JavaScript和html方面的专家。

我想也许可以通过引入一个新的类来缩短每一行，但是我不确定如何做到。

因此，总的来说，数据如下：

每列都有一个前缀（“ / Graphics / api / Cc0005”）和一个修饰符标记（“ cc-codom-rep”）
每行都有一系列元素（“ [[1,0,0]，[0,0,1]，[0,1,0]]”，“ [1,0,1， 1,0,0]“）

如何加快非常重复的html的渲染

0 个答案: