我正在用C#模拟缓存。用户输入块大小,高速缓存大小和二进制数,以便在高速缓存中进行块放置。
块放置后生成的缓存行将显示在html表中,并且还应显示整个缓存的块排列。我不知道如何根据所选的块大小显示这些缓存行和缓存的排列。 有帮助吗?
答案 0 :(得分: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>
,这就是全部。
看起来像这样: