Javascript 前端模板网站是动态的还是静态的？

我目前正在建设一个项目，这是一个调查的创造者。我用pure Node.js在后端创建了一个Rest API，我还在前端工作。 显然，呈现的页面需要根据用户是否登录、当前调查等进行呈现。通常，我使用Express.js并集成一个模板引擎，如Pug。然而，这个项目被设计成尽可能减少依赖性，所以没有模板引擎。相反，我只是在用户发送请求时将“静态”HTML文件发送到客户端。然后，在前端，我使用模板字符串“填充”HTML，如下所示：

When user hits request:
Backend builds template --> compiled to html --> file served to user

Html file served --> JavaScript generates html

---

document.querySelector（'cta'）.insertAdjacentHTML（'beforeend'，`只要它在没有JS的情况下工作，我会说它是一个具有渐进增强功能的静态网站，因为页面不是由服务器根据每个请求生成的，然后使用JS（如果启用）来提供附加的非必要特性或功能

静态网站包含具有固定内容的网页。每个网页都用HTML编码，并向每个访问者显示相同的信息。静态网站是最基本的网站类型，最容易创建。与动态网站不同，它们不需要任何Web编程或数据库设计。只需创建一些HTML页面并将其发布到Web服务器


所以在我看来，没有任何前端的纯html，任何后端生成都是静态网站，您描述的是动态网站。
所以它是非常基础的，把它看作是生成的PDF，你不能改变它，为了修改它，你需要去文件编辑，保存，然后发布给最终用户


我的静态网站
静态意味着没有进程

TLDR：这是一个混合页面。如果你不关心SEO，那么担心这些事情可能是多余的，只要以一种方便你的方式去做就行了

因此，如果您为客户端提供的页面内容在客户端永远不会更改，则您的思维方式是有效的-它是静态页面。您可以显示/隐藏现有的预呈现元素（例如更改
样式
属性，从
显示：无；
）。在运行时使用阴影DOM或附加HTML元素的任何操作都会将页面从“静态”提升为动态或混合页面

接下来，如果您导航到网站上的一个新页面，并且看到浏览器获取一个新的
.html
文件供新页面显示，则它是静态页面的标记。但是，如果获取页面的内容随后被客户端网站的脚本更改，则该页面不能称为“静态”现在，更像是混合或动态页面。重新呈现同一页面是关于单页面应用程序的，它的所有页面都是纯动态页面

我们关心的主要问题是静态页面、动态页面或混合页面是SEO优化。网络爬虫会分析您的页面内容，以检测您的页面内容，稍后在谷歌、必应等网站上显示。爬虫可能会（而且大部分会）以一种你意想不到的方式分析你的动态内容，这样你的一些目标受众就有可能永远看不到你的页面。因此，如果你需要爬虫将你的页面分析为“互联网玩具店”您应该从服务器获取所有促销和描述内容，以后不要再更改。如果您正在制作类似用户个人文件柜的内容，您可以省去对这些内容的担心，只在客户端生成内容。
您使用JS获取动态数据。这有点像一个单页应用程序re也有专门的框架和库，比如react、vue、angular.VanillaJS，比如你的例子也很好，但是代码编写得很巧妙，否则你的速度会很慢run@expressjs123另外，在静态页面和动态页面上的差异要多说：你可以考虑页面的大小。p到5 MB或更多。如果页面被设置为“强”，一些应用程序并不关心它PC或是游戏页面等。但如果是网店，你的页面应该尽可能少地占用资源，因此大多数网店都是混合网站。有少量纯静态网站；维基百科是静态网站中最受欢迎的例子。你可以试着分析它的服务速度。