Vue.js 3开发基础与实战课件 第十章 服务器端渲染技术.pptVIP

页面渲染技术页面的渲染是指将数据和模板转换成可视化网页的过程。根据不同的情况使用到的渲染技术也有所不同，这些渲染技术有客户端页面应用渲染技术CSR、服务器端渲染SSR、预渲染和静态网站生成器SSG。下面就来介绍下这几种渲染技术的特点和区别。页面渲染技术1．客户端渲染技术—CSR客户端渲染（Client-SideRendering，CSR）是一种在浏览器端使用JavaScript来动态生成HTML和CSS的页面渲染技术。在客户端渲染中，浏览器首先加载页面的静态资源（HTML、CSS和JavaScript），然后通过异步请求（如AJAX或WebSocket）获取数据，并使用JavaScript动态生成页面内容。即使是Vue构建的SPA单页面应用，除了index.html模板页面外，其他的组件会通过webpack等方式打包成css、js等静态资源文件，然后交给浏览器进行渲染，因此传统的SPA应用也属于是CSR渲染的应用。客户端渲染的优点在于可以提供更好的交互体验和动态性，因为页面内容可以动态更新，用户可以更快地与页面进行交互。此外，客户端渲染可以充分利用浏览器的缓存机制，减少对服务器的请求，提高性能和效率。同时，客户端渲染还可以降低服务器的负担，因为大部分渲染工作都在客户端完成。然而，客户端渲染也存在一些缺点。首先，由于需要异步请求数据并生成页面内