一般来说，前后端没有分开，它是指早期开发模式，即，前端代码嵌入后端。从后端服务呈现数据后，它将返回直接完成页面，并呈现其中的数据。
例如，如下所示，其内容为：
当客户端尝试从服务器询问此页面时，服务器将首先计算此模板，并且返回客户端的页面可能是这样：
您可以直接从此页面提取密钥内容。如果该客户端引用脚本，例如爬网，则该爬网可以分析结构，然后提取关键内容。
上面的方法称为服务器尺寸渲染。翻译意味着服务器渲染已被充分理解。上页面由服务器渲染，内容直接包含。
与之相关的是，即客户端渲染。翻译意味着客户端渲染，当前大多数开发模型是
让我们看一下早期的问题。
乘坐时间机器并返回十年前，让我们看看Tencent的官方网站是什么样子：
上页非常简单。几乎所有都是静态内容，也就是说，您不需要写太多。只需写入页面并将其扔给后端开发人员。
当前的腾讯官方网站是这样：
上面的网页具有很大的交互作用。它们都需要写入完成，整个前端项目比以前复杂得多，文档和代码的数量远远超过了早期。
因此，我们需要分别提出这些页面开发的工作，并由其他工程师完成。这也清楚地表明，已经出现了一种新型的工作 - 前端工程师。随着这些年的发展，前端的概念变得越来越热，前端工程师的作用变得越来越重要。它不再限于开发页面。
每个人的差异和优势和缺点是什么？
在回答这个问题之前，让我们看一下下一个模式的前端工程师的开发过程。
典型的代表是单页应用程序单页应用程序。TODAY是此类型的框架。
通过访问域名，客户端从前端服务器（html/css/js）请求静态资源，并从后端服务器请求数据
可以看出，在模式下，由于前端的分离，数据交互的步骤。前端需要向后端发送请求以获取数据，然后将数据渲染到页面。
在这种情况下，上面图3中第3步中获得的HTML可能不会完全“渲染”。
例如，您可能会在步骤3中获得这样的页面：
步骤5之后，可以获取一个完整的渲染页面，例如：
可以看出，在模式下，浏览器请求域名后获得的页面，这可能在其中不有效。必须执行代码才能完成。
这种缺点是显而易见的，这不利于爬行或SEO，并且第一个屏幕加载速度较慢。
当然，模式并非没有用。最大的好处之一是前端和后端的分离，这可以使前端和后端代码解耦和更方便的管理。
此外，还有许多优势：
今天，尽管由于第一个屏幕加载速度的优势，我们几乎已经放弃了传统模型。我们仍然需要它，因为在某些情况下直接返回渲染很有用。
但是我们不想回到过去的古老方式，所以它是前端诞生的独有的。是的，前端可以独自完成
您可能已经听了框架，他们专注于流行的前端框架（）。
该原理的示意图如下：
可以看出，浏览器的初始渲染已被接管，因此可以直接渲染浏览器。
该方法结合了早期和保留的优势。
前端也有一些缺点。
似乎我们所有人都忘记了前端需要在服务区域运行，因此我们需要服务器。
这意味着，如果您想使用它，则需要自己构建服务器。您不能使用第三方服务来监护您的前端资源（维护服务器是一件烦人的事情）。
让我们再次考虑一下：
是的，它是诞生的。根据现有的，当本地包装时，计算生成页面，然后您可以直接部署它。您可以参考大个子写的vite-ssg
原则如下：
越来越多的名词出现在前端字段中，例如，无论哪种技术，它都为前端开发人员带来了很多帮助。也许将来，我们将在前端看到更多的可能性。
我是，您可以在Github关注我。
原始：https：//juejin.cn/post/7094664016575856648