对于php开发的用户来讲,比如加载请求外部资源内容,一般用的是:curl函数或者file_get之类的函数;
那么也就相当于用户在请求你的页面,需要先等加载完外部资源的内容,才能显示页面内容;
这样对于体验不是很友好;
接下来夏柔提供一个解决方案,只需要几串前端代码即可,
效果演示
代码教程
只需要将这个javascript代码加进去:
<script> document.addEventListener("DOMContentLoaded", function () { // backupdata_loading_open(); // 获取表格容器和加载动画元素 var tableContainer = document.getElementById("backupTableContainer"); var loadingSpinner = document.getElementById("loadingSpinner"); // 模拟数据加载 // 此处应该替换为实际的数据请求 setTimeout(function () { // backupdata_success_open(); // 隐藏加载动画 loadingSpinner.style.display = "none"; // 显示表格 document.getElementById("backupTable").style.display = "table"; }, 1000); }); </script>
然后再前端的,需要加载的代码块加上这俩属性就可以了:id="backupTable" style="display: none;"