当前位置: 首页 > 网络应用技术

CSR和SSR在2022年

时间:2023-03-05 22:12:02 网络应用技术

  一般来说,前后端没有分开,它是指早期开发模式,即,前端代码嵌入后端。从后端服务呈现数据后,它将返回直接完成页面,并呈现其中的数据。

  例如,如下所示,其内容为:

  当客户端尝试从服务器询问此页面时,服务器将首先计算此模板,并且返回客户端的页面可能是这样:

  您可以直接从此页面提取密钥内容。如果该客户端引用脚本,例如爬网,则该爬网可以分析结构,然后提取关键内容。

  上面的方法称为服务器尺寸渲染。翻译意味着服务器渲染已被充分理解。上页面由服务器渲染,内容直接包含。

  与之相关的是,即客户端渲染。翻译意味着客户端渲染,当前大多数开发模型是

  让我们看一下早期的问题。

  乘坐时间机器并返回十年前,让我们看看Tencent的官方网站是什么样子:

  上页非常简单。几乎所有都是静态内容,也就是说,您不需要写太多。只需写入页面并将其扔给后端开发人员。

  当前的腾讯官方网站是这样:

  上面的网页具有很大的交互作用。它们都需要写入完成,整个前端项目比以前复杂得多,文档和代码的数量远远超过了早期。

  因此,我们需要分别提出这些页面开发的工作,并由其他工程师完成。这也清楚地表明,已经出现了一种新型的工作 - 前端工程师。随着这些年的发展,前端的概念变得越来越热,前端工程师的作用变得越来越重要。它不再限于开发页面。

  每个人的差异和优势和缺点是什么?

  在回答这个问题之前,让我们看一下下一个模式的前端工程师的开发过程。

  典型的代表是单页应用程序单页应用程序。TODAY是此类型的框架。

  通过访问域名,客户端从前端服务器(html/css/js)请求静态资源,并从后端服务器请求数据

  可以看出,在模式下,由于前端的分离,数据交互的步骤。前端需要向后端发送请求以获取数据,然后将数据渲染到页面。

  在这种情况下,上面图3中第3步中获得的HTML可能不会完全“渲染”。

  例如,您可能会在步骤3中获得这样的页面:

  步骤5之后,可以获取一个完整的渲染页面,例如:

  可以看出,在模式下,浏览器请求域名后获得的页面,这可能在其中不有效。必须执行代码才能完成。

  这种缺点是显而易见的,这不利于爬行或SEO,并且第一个屏幕加载速度较慢。

  当然,模式并非没有用。最大的好处之一是前端和后端的分离,这可以使前端和后端代码解耦和更方便的管理。

  此外,还有许多优势:

  今天,尽管由于第一个屏幕加载速度的优势,我们几乎已经放弃了传统模型。我们仍然需要它,因为在某些情况下直接返回渲染很有用。

  但是我们不想回到过去的古老方式,所以它是前端诞生的独有的。是的,前端可以独自完成

  您可能已经听了框架,他们专注于流行的前端框架()。

  该原理的示意图如下:

  可以看出,浏览器的初始渲染已被接管,因此可以直接渲染浏览器。

  该方法结合了早期和保留的优势。

  前端也有一些缺点。

  似乎我们所有人都忘记了前端需要在服务区域运行,因此我们需要服务器。

  这意味着,如果您想使用它,则需要自己构建服务器。您不能使用第三方服务来监护您的前端资源(维护服务器是一件烦人的事情)。

  让我们再次考虑一下:

  是的,它是诞生的。根据现有的,当本地包装时,计算生成页面,然后您可以直接部署它。您可以参考大个子写的vite-ssg

  原则如下:

  越来越多的名词出现在前端字段中,例如,无论哪种技术,它都为前端开发人员带来了很多帮助。也许将来,我们将在前端看到更多的可能性。

  我是,您可以在Github关注我。

  原始:https://juejin.cn/post/7094664016575856648