SPA
将所有的页面局限于一个页面中,仅需要在第一次加载的时候加载相应 HTML,JS,CSS。 通过 JavaScript 于用户交互来改变页面的内容。
优点
- 用户体验良好,在进行用户交互时不需要刷新页面。
- 良好的前后端分离开发模式。前后台使用 Ajax 异步获取数据。
- 减轻服务器请求压力。服务器只需要按照相应的 API 给出相应的数据。
- 当网站需要适配多终端时,后台不需要做任何修改。
- 防爬虫效果更好,由于是动态加载的页面,一般的爬虫只能获取到对应的静态 HTML 结构。
缺点
- SEO(搜索引擎优化)难度高,不便于搜索。
- 前进后退管理,SPA 只有一个页面,不便使用浏览器的前进后退功能。
- 初次加载数据过大,由于只有一个页面,第一次加载时会加载全部 JS,CSS 文件,容易造成下载缓慢。