ISR - Incremental Static Regeneration - 增量静态再生 ISR目前使用的不多,它算是SSG的一种增强版,指的是在SSG的基础上,服务端在收到页面请求时会对页面的时效性进行判断,如果认定失效则会对该页面进行增量构建的一种模式。 其常见的流程如下: 可以看出ISR在构建和客户端环节没有任何的变化,而是增加了Server端的...
// ...(这里省略了HTTP服务器和响应发送的代码) 三、SSG(静态站点生成) 介绍: SSG(Static Site Generation)是一种在构建时生成静态HTML页面的技术。在这种模式下,开发者会编写一些模板文件和数据文件,然后使用构建工具(如Hugo、Gatsby等)将这些文件转换为静态的HTML页面。这些页面可以直接部署到服务器上,而不需要...
示例(React):代码实现页面动态生成。二、SSR(服务器端渲染)SSR在服务器端生成HTML页面,直接发送给客户端。优点是首屏加载速度快,利于SEO优化。缺点是服务器负载大。示例(React):服务器端渲染实现代码。三、SSG(静态站点生成)SSG在构建时生成静态HTML页面,优点是性能高,无需服务器实时渲染,缺...
highlight:atom-one-lightCSR/SSR/SSGCSR:客户端渲染ClientSideRender,即现在的Vue/React/Solid,SPA架构的方式 SSR:服务端渲染ServerSideRender,PHP/Java/Python后台基本能力,生成HTML模板,交由浏览器渲染。SSG:页面静态化StaticSideGeneration,把PHP提前渲染成HTML CSRVue/React裸框架,都使用了JS的...
慕课网免费课视频,涵盖海量《前端高级工程师》体验课服务端渲染SSR对比CSR、SSG相关视频内容,在用户学习课程的同时,为用户提供在线答疑的服务,旨在更好的让用户提高编程水平。
前端SSR、CSR、ISR、SSG对比。#前端面试 #前端培训 #前端进阶 #前端开发 #前端学习 - 烦恼少一点于20250310发布在抖音,已经收获了11个喜欢,来抖音,记录美好生活!
CSR、SSR和SSG各有优缺点,适用于不同的场景和需求。在选择使用哪种技术时,需要根据项目的具体需求来权衡利弊。 在前端开发的世界里,我们经常遇到SSR(服务器端渲染)、SSG(静态站点生成)和CSR(客户端渲染)这三种渲染技术。它们各自有着独特的优缺点,适用于不同的场景和需求。下面,我们将详细介绍这三种技术,并通过代...
二、SSR(服务器端渲染) 介绍: SSR(Server-Side Rendering)是一种在服务器端完成页面渲染的技术。在这种模式下,服务器接收到客户端的请求后,会先根据请求数据和模板文件生成完整的HTML页面,然后将这个页面直接发送给客户端。这样,用户可以直接看到完成的内容,无需等待JavaScript加载和执行。