从静态页面到服务端渲染 -- 浅析SPA和SSR的不同

前言

我们刚开始接触到的就是一个静态页面，比如我们写了一个html文件，放在服务器上用户就能访问了，而后面网站需要展示更多的信息，或者提供用户操作数据，因此就要接入了数据库。数据库负责数据的处理，于是就有了一些html模板引擎，用于动态的把数据插入到html节点中，这也是我们刚开始接触到的动态页面。

随着前端技术的发展，后面盛行的三大框架，是属于前后端分离的单页面应用（SPA），但单页面应用由于一开始从服务端请求回来的只是一个空的html标签，所以不利于SEO，并且要等待脚本执行之后才能开始页面渲染，所以导致首屏渲染时间长，因此基于SPA的服务端渲染SSR诞生了，SSR服务端渲染可以有效的减少首屏渲染的时间，并且利于SEO。

传统的静态页面

将静态资源放在服务器端，用户通过url访问静态资源（相当于一份写死的数据）并加载到浏览器中

优点：服务器压力小，占用很少资源

缺点：每展示一份数据，就要手动拟一份静态资源的数据放在服务器上，因此对于复杂的应用开发效率低，不能良好的交互