加载另一个页面时,为什么多个页面上的组件没有重新绘制?

时间:2019-06-11 15:46:18

标签: javascript html css

如果您有两个基本的纯HTML页面,则每个页面之间都有一个链接。两者在两个页面上具有相同的确切组成部分(只需链接回另一页面)。您单击链接,然后转到另一页...

index.html

<body>
  <h1><a href="about.html">CLICK THE LINK</a></h1>
</body>

about.html

<body>
  <h1><a href="index.html">CLICK THE LINK</a></h1>
</body>

css

h1 {
  background: black;
  width: 100;
  color: white;
  height: 100px;
}

您会看到组件重新绘制自身吗?它会重新粉刷吗?浏览器是否执行“ diff”并且不重绘它,因为它知道它已经在页面上了?

它是一个黑色方块,但您看不到它闪烁。您甚至看不到它消失一毫秒,然后又回来。不是吗?

1 个答案:

答案 0 :(得分:0)

如果这是这些页面上仅有的HTML和CSS,则浏览器会立即呈现它。这就是为什么看不到闪光灯的原因。