优雅实现页面刷新的前端技巧

在前端开发中，页面刷新是一项常见的需求。本文将介绍一种优雅的方法来实现页面刷新，并提供相应的源代码示例。该方法使用了一种常见的技术，通过改变 URL 的查询参数来触发页面刷新，而无需使用传统的刷新按钮或 JavaScript 的 location.reload() 方法。

实现这一技巧的关键是使用 JavaScript 的 history.pushState() 方法。该方法可以修改浏览器的历史记录，并且不会导致页面的实际刷新。我们可以利用这一特性来实现页面的平滑刷新。

下面是实现页面刷新的步骤：

步骤 1：添加刷新按钮或链接
在页面中添加一个刷新按钮或链接，用户点击该按钮或链接时将触发页面刷新。例如，我们可以添加一个按钮元素：

<button id="refreshButton