web前端好程序员分享什么是前端同构渲染，同构渲染是指前后端都使用js，而nodejs用于我们第一次渲染HTML文件时加载，用小白的话说，同构渲染既不是后端渲染也不是前端渲染，是两者的共同部分。同构渲染的实现其实就是SSR+CSH，他们是通过一段代码实现的。 这里提到了前端渲染和后端渲染，它们各有千秋。前端渲染的优势包括：局部刷新、懒加载技术、使用js的各种炫酷效果、通过CDN服务器获取资源、前后端分离开发、学习成本相对较低。后端的主要优点是：可以很好的解决首屏加载问题，有利于SEO优化。 随着技术的发展，像Vue、React这样的框架已经能够实现很好的同构渲染，也就是我们常说的SSR，比如nuxt.js、next.js。在前端渲染极其普遍的今天，为什么会有同构渲染技术？ 上面说了，同构渲染其实可以解决首屏加载慢和SEO优化的问题。 传统搜索引擎从HTML文件中抓取我们需要的数据，使得前端渲染的页面无法抓取。开发过vue和react项目的开发者都知道，我们经常使用的SPA会将所有的JS作为一个整体进行打包。一个不容忽视的问题是文件过大，导致渲染前等待时间过长。尤其是在网速不佳的情况下，等待白屏结束对用户来说并不是什么好的体验。 服务端渲染可以先将使用过的数据渲染成最终的HTML直接显示，完美避免白屏问题。但凡事都没有绝对。如果一个页面的数据量太大，难免会出现等待的情况。 说到PHP和JSP的渲染方式，都是前端写好页面后模板引擎渲染出来的HTML页面，后缀是php或者jsp。其实SSR在passing中的原理是一样的，只是多了一层CSH。它的实现需要服务器提供一个初始化数据。
