Javascript 在服务器端呈现的上下文中,“呈现”是什么意思?

Javascript 在服务器端呈现的上下文中,“呈现”是什么意思?,javascript,html,reactjs,server-side-rendering,Javascript,Html,Reactjs,Server Side Rendering,我知道渲染是浏览器使用HTML、CSS、Js代码在屏幕上显示用户可见的内容的过程 但在服务器端呈现上下文中,我觉得这是不同的,正如我所理解的,在SSR中,呈现意味着只创建一个完整的HTML文档,并使用js包发送到客户端浏览器,浏览器使用js包显示用户可见的内容 现在只是在服务器上生成一个HTML文档被认为是一种呈现形式吗??或者这里有些东西不准确,因为它实际上没有渲染任何东西 现在只是在服务器上生成一个HTML文档被认为是一种呈现形式吗 对 即使您只有一个文本模板来替换占位符,例如 const

我知道渲染是浏览器使用HTML、CSS、Js代码在屏幕上显示用户可见的内容的过程

但在服务器端呈现上下文中,我觉得这是不同的,正如我所理解的,在SSR中,呈现意味着只创建一个完整的HTML文档,并使用js包发送到客户端浏览器,浏览器使用js包显示用户可见的内容

现在只是在服务器上生成一个HTML文档被认为是一种呈现形式吗??或者这里有些东西不准确,因为它实际上没有渲染任何东西

现在只是在服务器上生成一个HTML文档被认为是一种呈现形式吗

即使您只有一个文本模板来替换占位符,例如

const response = `<html><title>${title}</title><body>${message}</body></html>`;
这可以被视为渲染,因为它将模板转换为要传输的最终文档

现在只是在服务器上生成一个HTML文档被认为是一种呈现形式吗

即使您只有一个文本模板来替换占位符,例如

const response = `<html><title>${title}</title><body>${message}</body></html>`;

这可以被视为渲染,因为它将模板转换为要传输的最终文档。

在React中,如果使用create React app创建应用程序,则在构建项目后,它将附带index.html文件和js。index.html为空,只有存在

当您从服务器提供此生成文件夹时,服务器只会按原样发送index.html文件,浏览器将从附加的js加载到浏览器中开始附加所有内容。这是客户端渲染

在React服务器端呈现的上下文中,index.html应该在发送到浏览器之前在index.html文件中呈现更多内容。通过简单地设置节点服务器,您可以执行ReactDOM.renderToStringApp,以将当前页面呈现为字符串并附加到index.html,如{ReactDOM.renderToStringApp}。这是服务器端渲染。 当browserclient收到此消息时,它会附加所有rest事件列表器。。等等


当您正确设置后,您的网站在客户端或服务器上的行为与React中的相同,如果您使用create React app创建应用程序,则在构建项目后,它将附带index.html文件和js。index.html为空,只有存在

当您从服务器提供此生成文件夹时,服务器只会按原样发送index.html文件,浏览器将从附加的js加载到浏览器中开始附加所有内容。这是客户端渲染

在React服务器端呈现的上下文中,index.html应该在发送到浏览器之前在index.html文件中呈现更多内容。通过简单地设置节点服务器,您可以执行ReactDOM.renderToStringApp,以将当前页面呈现为字符串并附加到index.html,如{ReactDOM.renderToStringApp}。这是服务器端渲染。 当browserclient收到此消息时,它会附加所有rest事件列表器。。等等


当你设置好后,你的网站是同构的,在客户端或服务器中的行为相同

是SSR正在呈现HTML并显示给用户否,浏览器将接管向用户而不是服务器显示内容的任务,服务器只生成完整的文档,在呈现该文档后浏览器运行js捆绑包之前,该文档是非交互式的。是的,服务器不显示任何内容,浏览器显示任何内容。是的,SSR呈现HTML并将其显示给用户否,浏览器接管该任务以向用户而不是服务器显示内容,服务器只生成完整的文档,在呈现该文档后浏览器运行js包之前,该文档不会交互。是的,服务器不会显示任何内容,浏览器会显示。几句话,但会解释所有内容,谢谢。几句话,但会解释所有内容,谢谢