# 单页应用与多页应用

# 单页应用与多页应用的优缺点

单页应用:首次加载单个 HTML 页面,在用户与应用程序交互时动态更新该页面的 web 应用程序。

多页应用:由多个完整的 html 页面组成,更新页面时会重新加载页面的所有的资源。

对比 单页 多页
优点 js 渲染,局部刷新页面,页面切换速度快,减少请求数据,用户体验更好 首页加载速度快,利于做 seo
缺点 首次加载慢、不利于 seo 每次加载页面都需要加载所有资源,切面切换速度慢,会出现卡顿空白问题。公用模块需要重复加载

# 单页应用与多页应用的配置

# 单页应用页面切换原理(js 如何渲染页面更新)

参考资料

单页应用和多页应用

spa 与 mpa 的对比

12-6