SSR：服务器端渲染-将客户端或通用应用程序渲染到服务器上的HTML。 CSR CSR：客户端渲染-通常使用DOM在浏览器中渲染应用程序。

前言 在日常前端开发中，在需要首屏渲染速度优化的场景下，大家或多或少都听到过服务端渲染( SSR )。本文将结合 Vue 来对 SSR 的实现逻辑来进行解读。通过阅读本文你将了解到: 服务端渲染的使用

今天写个小 Demo 来从头实现一下 react 的 SSR，帮助理解 SSR 是如何实现的，有什么细节。 什么是 SSR SSR 即 Server Side Rendering 服务端渲染，是指将网

自前端框架（React,Vue,Angelar）出现以来，每个框架携带不同理念，分为三大阵营，以前使用JQuery的时代已经成为过去，以前每个页面就是一个HTML，引入相对应的JS、CSS，同时在HTML中书写DOM。正因为是这样，每次用户访问进来，由于HTML中有DOM的存在…

大概在昨年下半年，我利用同构渲染技术，把公司中一个需要7、8秒才能打开的vue3项目成功优化至秒开。

在介绍SSR之前，我们可以先了解CSR。那什么是CSR呢？CSR即Client Side Render在我们传统的REACT/VUE项目中采取的是单页(SPA)方式，即只有一个html,结构大致如下: 所有的页面元素都是由打包后的bundle.js渲染出来的。 如上图 clie…

前言 所谓同构，简而言之就是，第一次访问后台服务时，后台直接把前端要显示的界面全部返回，而不是像 SPA 项目只渲染一个 <div id="root"></div> 剩下的都是靠 JavaScript

Demo 这里，我们在 index.html 中直接返回一段 html，以模拟服务端渲染生成的 html 注意，root 里面的内容不能换行，不然客户端hydrate的时候会提示服务端和客户端的模版不

SSR 是 Server Side Rendering，服务端渲染，服务端返回渲染出的 html，浏览器解析 html 来构建页面。 其实这是一项很古老的技术，很早之前服务端就是通过 JSP、PHP