SPA

SPA

Single Page Application: 单页应用

• 多页应用: 1个网站由多个html文件组成, 当切换页面时 本质是加载不同的html文件

  • 缺点: 切换页面时, 需要先删除之前的页面, 再加载全新的页面

    • 页面会闪烁, 服务器需要传输整个的页面

    • 浏览器需要删除所有DOM 然后加载全新的DOM

• 单页应用

  • vue网站, 只有一个 index.html 文件

  • 切换页面时, 依赖的是 路由系统, 实现 局部切换

    • 例如学子商城: 头和脚部没有变化, 只是中间部分变化

  • 优点: 只删除变化的局部DOM, 加载对应的DOM元素

    • 页面不会整体闪烁, 服务器只要传输数据即可而非整个页面, 压力小

    趋势: 以后的网站基本都是 SPA 单页应用