认识

一、认识

---

SSR(Sever Side Rendering) 服务端渲染, 就是将服务端生成好完整的 HTML 内容，直接返回给浏览器，浏览器能够根据 HTML 渲染出完整的首屏内容，而不需要依赖 JS 的加载，这样一方面能够降低首屏渲染的时间，另一方面也能将完整的页面内容展现给搜索引擎的爬虫，利于 SEO。当然，SSR 中只能生成页面的内容和结构，并不能完成事件绑定，因此需要在浏览器中执行 CSR 的 JS 脚本，完成事件绑定，让页面拥有交互的能力，这个过程被称作hydrate(翻译为注水或者激活)。同时，像这样服务端渲染 + 客户端 hydrate 的应用也被称为同构应用。

SSR_SPA 是SSR模式与SPA模式的结合。服务端渲染出完整的首屏的 DOM结构返回, 前端拿到的内容包括首屏以及完整 SPA 结构, 应用激活后依然按照 SPA 方式运行。 也就是说: SSR_SPA 第一次打开页面是服务端渲染，基于第一次访问，用户的后续交互是SPA的效果和体验。这样既有SPA的体验和效果，又解决了首屏加载过长和SEO不友好问题。

但是要实现两种技术的结合，同时可以最大限度的同构代码，减少开发维护成本，需要采用react或者vue等前端框架和node(ssr)相结合的方式来实现。