CSR客户端渲染和服务器端渲染(SSR)
CSR 指的是客户端渲染(Client-Side Rendering)。在客户端渲染中,整个页面的渲染过程发生在用户的浏览器上,而不是在服务器上。在传统的服务器端渲染(SSR)中,服务器负责将页面的 HTML 内容完全渲染好,并将其发送给浏览器。但在客户端渲染中,浏览器会下载页面的初始 HTML 结构,然后使用 JavaScript 在客户端动态地生成和渲染页面的内容。
使用客户端渲染的应用通常会将整个页面的框架和骨架以及一些基本内容发送到浏览器,然后通过 AJAX 或其他异步请求获取额外的数据,并在用户与页面交互时动态地更新页面内容,而不需要重新加载整个页面。这种方式可以提供更快的页面加载速度和更流畅的用户体验,尤其是对于单页面应用(SPA)来说。
在 React 中,客户端渲染是默认的方式,因为 React 应用通常会在浏览器中以 JavaScript 运行。当用户访问 React 应用时,浏览器会下载 JavaScript 代码并执行,然后使用 React 框架在客户端进行页面渲染。
总而言之,CSR 是指在客户端使用 JavaScript 在浏览器中动态生成和渲染页面内容的一种渲染方式,相比于服务器端渲染,它能够提供更加动态和交互式的用户体验。