2

我正在用 C# 模拟高速缓存。用户输入块大小、缓存大小和用于在缓存中放置块的二进制数。

块放置后生成的缓存行将显示在 html 表中，并且还应显示整个缓存的块排列。我不知道如何根据选定的块大小显示这些缓存行和缓存排列。有什么帮助吗？

4

1 回答 1

1

好吧，按照我在评论中提到的内容，也许碎片整理类型的 UI 可能适合您的需求，这是一个快速而肮脏的示例，说明如何在 html 和 CSS 中执行此操作：

<html>
    <head>
        <style>
            .block { width:20px; height:20px; float:left; border:1px; border-color: black;  border-style:solid; }
            .used { background-color: green }
            .expired { background-color: red }
            .free { background-color: grey }
        </style>
    </head>
    <body>
        <script language="javascript">
            var types = ['used', 'expired', 'free'];
            var i = 0;
            while (i < 256) {
                var type = Math.floor(Math.random() * 3); //rnd between 0-2
                var size = Math.floor(Math.random() * 20) + 1; //rnd  1-20
                while(size > 0 && i < 256) {
                    document.write('<div class="block ' + types[type] + '"></div>');
                    size = size - 1;
                    i = i + 1;
                }
            }
        </script>
    </body>
</html>

这里我只是随机生成 256 个块，一次随机使用或释放​​最多 20 个块。<div>最终，这只是用特定类生成 a 的问题，仅此而已。

它看起来像这样： 在此处输入图像描述

于 2013-04-01T16:13:18.693 回答