“第三篇文章”的所有ｗｅｂ前端开发都在这四种页面呈现形式上工作

点击右上角的红色按钮，关注“郑的代码制作”，每天学习知识和理解问题。

同样，有四种方式呈现前端页面。只要你愿意学习，并花一些时间从理论到实践去做，你就可以很容易地学会。我将在今后的工作中每天使用它，并对其进行深入研究。

下图显示了四种方式:

在前两篇文章中，我解释了后端模板渲染和客户端渲染这两种渲染方法的实现思想、优缺点。

今天，我们来讨论第三种渲染方法——节点中间层。它们都是容易理解和理解的东西。对于没有碰过他们的学生来说，不要想得太复杂。

三。节点中间层

与前一篇文章中提到的后端模板渲染相比，前一篇文章中提到的客户端渲染的优点是，前端是独立于后端开发的，后端只负责提供数据，前端可以充分发挥自身建设的生态优势。缺点是，在JS加载完成之前不会显示第一个屏幕数据，并且服务器会返回空的DOM结构，因此第一个屏幕会有很长的等待时间，体验也不好。

因此，我今天将要讨论的第三个页面呈现方法不仅可以保留前端和后端开发的优势，还可以实现第一个屏幕数据的快速响应。

通过一幅画来看整个想法。

为了让你更好地理解，我将解释这张照片的整个过程。

1。前端发出请求网址

2。节点层接收该请求，然后向后端服务器发送请求，以根据请求信息获取数据

3 .后端服务器接收请求，然后根据请求信息从数据库或其他地方获得相应的数据，并将其返回到节点层

4。节点层根据数据呈现第一个屏幕HTML

5 .节点层将HTML文本返回到前端

传统的B / S架构是浏览器-后端服务器-浏览器

加入节点层的架构是:浏览器-节点-后端服务器-节点-浏览器

节点层也受前端开发的控制。因此后端仍然只负责向前端提供数据。

因此，这种方法的优点是:

首先，保留后端模板渲染(节点层实现)，第一个屏幕响应迅速，SEO友好

第二，保持前端和后端分离的发展模式

与此同时，不足之处是:

首先，随着中间层的添加，应用程序的性能将会降低

其次，它增加了体系结构的复杂性和不稳定性，降低了应用程序的安全性

第三，对开发者的需求将会更高

不过，不要太担心。这些缺点将在第四种渲染方法中得到缓解。等待我的下一次更新。