面试题十八：谈谈对SPA和SSR的理解？-QUI-Notes

什么是SPA？

SPA：single page application
按照字面意思就是单页面应用，通俗点就是整个网站由一个html页面构成。

SPA三大框架

Angular | Vue | React 

SPA优点

减小服务器压力
响应速度快，页面切换快
前后端分离，后端仅需提供接口

SPA缺点

不利于SEO搜索引擎优化
首屏打开速度很慢，需要加载很多依赖

由于SPA不利于网络优化，对搜索引擎不友好，所以SSR就出现了，就是专门解决SPA的不足！ 

什么是SSR？

SSR：Server Side Rendering 服务端渲染，由服务器进行渲染并返回给客户端渲染完成的html

SSR优点

响应速度快
对搜索引擎友好

SSR缺点

相对于SPA而言，占用更多cpu和内存资源
部分常用api失效，比如document，window
增加开发调试难度
 
 

SSR主流框架

Next.js 
https://nextjs.org/