相同的代码可以跑在不同的平台上比如浏览器或者NodeServer

前后端分离历史和发展

认识同构 - 图1

前后端分离

AJAX :前后端通过接口交流数据,解耦前后后端开发

前端模板引擎: 动态生成部分/全部页面

SPA

MVVM React Vue Angular等框架

SPA 前端开始掌控路由,无刷新单页面应用

首屏加载时间:SPA 复杂 白屏时间长 体验变差

SEO 首屏页面无内容

服务端渲染

Node : JS拥有了涉足服务端的能力

SSR 使用JS做服务端渲染

React SSR MVVM框架支持服务端渲染

同构渲染出现

认识同构 - 图2

认识同构渲染

认识同构 - 图3