单页面的理解

118 阅读1分钟

单页面的概念

SPA(single-page-application)仅在web页面初始化的时候加载HTML、JavaScript、css。

一旦页面加载完成,SPA不会因为用户操作而进行页面的重新加载或者跳转;取而代之的是利用路由的机制实现HTML内容的变更,ui与用户之间的交互,避免用户重新加载。

优点

1.内容体验好、快,内容改变不需要重新加载整个页面。避免了不必要的跳转和重复渲染。

2.基于上面的一点,SPA相对于服务器的压力更加小。

3.前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理。

缺点

1.初次加载的时候耗时比较多。

2.前进后退的时候路由管理。由于单页面的应用在一个页面中显示所有的内容,所以不能使用浏览器的前进和后退的功能,所有页面的切换需要建立自己的堆栈管理。

3.seo的难度比较大。由于所有的内容都在一个页面中动态的显示,所以在seo上有着天然的弱势。