这是我参与「第五届青训营 」笔记创作活动的第10天。
SSR和CSR的区别
SSR：
传统的渲染方式，由服务端把渲染的完整的页面吐给客户端。这样减少了一次客户端到服务端的一次http请求，加快相应速度，一般用于首屏的性能优化。
CSR：
是一种目前流行的渲染方式，它依赖的是运行在客户端的JS，用户首次发送请求只能得到小部分的指引性HTML代码。第二次请求将会请求更多包含HTML字符串的JS文件。
两者有何不同
服务器端渲染的优势在于首屏渲染速度块，简单来讲它不需要来回多次往返于客户端和服务端。但是其性能等众多因素会影响用户体验，比如说：网速，在线活跃人数，服务器的物理位置等等。而客户端渲染则和服务端渲染相反，因为多次和服务器的交互导致首屏加载速度慢。但一旦这些请求完成之后，用户和页面之间的交互时用户体验就会好很多。
简而言之，SSR强在首屏渲染。而CSR强在用户和页面多交互的场景。
总结
我了解ssr是因为我们这次青训营大项目就是需要用nuxtjs+vue去实现ssr项目。之前我只写过csr项目，写的时候还不知道是叫csr，就是因为现在都流行前后端分离了，所以用的比较多，现在有机会了解了一下ssr项目，从而扩展了我的知识面，很感谢青训营。ssr就是服务器渲染，这样子在首屏渲染会快很多，csr项目就是用户和页面交互的时候很方便。提高了人机交互的体验，是现在的大趋势，用的也比较多。但是ssr也是一个不可缺少的一门技术，在某个领域，这个ssr还是必不可少的。
