面试题十八:谈谈对SPA和SSR的理解?-Qui-Note

什么是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/