大前端干货 -- SPA、SSR、CSR_spa ssr csr

现在多端统一越来越盛行，write once run anywhere的思想日渐风靡。归根结底就是互联网红利日渐减少，各公司都想缩减成本，而多端统一、跨端开发既能节省开发成本，也能控制多端差异，各人观点技术栈的统一（收敛）是解决多端差异化最有效的手段之一。但是有竞争就不会有统一，只是趋近于（正应了那句，天下大势，合久必分，分久必合）

前端的技术发展变化非常快（客三消等），但不会消除，毕竟有页面展示的地方也可以粗略的称之为前端，但是技术栈可能会更新换代非常快，所以对于大前端的学习肯定是势在必行的，后续我也会多分享一些大前端的知识和大家一起学习交流。

SPA

single page web application，单页Web应用，顾名思义是仅有一个web页面的应用，后续都是通过js与后台进行数据交互，导致页面刷新渲染的。目前主流的前端框架，比如React、Vue也都是大力推崇单页面应用，单文件的开发模式更内聚，更可维护。

SSR

Server Side Rendering，服务器端渲染，将组件或页面通过服务器生成html字符串，再发送到浏览器，简单理解下来，发了一个请求，服务器返回的不是接口数据，而是一整个页面的HTML结构，再结合界面之前定义的CSS把页面展示出来。可以加快响应速度，一般可以用于首屏渲染。

典型服务器端渲染的例子就是jsp、asp、php等各种后台模板生成的页面，前端会直接拿到整张页面，不用自己过多的去拼接DOM。

CSR

Client Side Rendering，客户端渲染。接口请求数据，前端通过JS动态处理和生成页面需要的结构和页面展示，前端体验好，FP最快。

SSR与CSR对比