小编Pix*_*ode的帖子

我按照 W3Schools 的本教程创建了一个图像幻灯片：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_auto

它使用递归函数setTimeout()来自动滑动图像。这对用户的浏览器性能有害吗？或者我可以放心使用它吗？

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex > slides.length) {
    slideIndex = 1
  }
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex - 1].style.display = "block";
  dots[slideIndex - 1].className += " active";
  setTimeout(showSlides, 2000); // Change image every …

我无权创建/编辑任何数据库，但由于内容量很大，我需要某种管理系统，这就是我创建自己的管理系统的原因。它的工作原理如下：

每个博客文章都有自己的 .php 文件，该文件加载网站的静态部分，例如标题或菜单栏。但有许多类别网站会显示相应帖子的预览。由于单词拼写错误等原因而不得不在 10 个网站上编辑相同的预览，这真是太烦人了。这就是为什么我将这些预览（不是完整内容，因为没有必要）存储在 JSON 文件中。

这是不好的做法吗？如果预览数量增加，是否会导致加载时间变长？我可以通过创建多个 JSON 文件来防止这种情况发生吗？