多页面应用vs单页面应用

##多页面应用vs单页面应用
现在前端应用的架构基本上可以分为多页面和单页面两类。

1. 定义

（1） 多页面应用通过服务器后端加载新页面。前端请求新页面，后端根据请求找到对应页面代码，并将代码发回至前端渲染出页面。每次加载新页面时会重新加载。路由一般在后端。
（2） 单页面应用通过动态重写当前页面的方式实现新页面展示（表现形式有点像选项卡）。通常第一次便加载全部静态资源。路由一般在前端。

2. 介绍

（1）多页面较传统，早期页面基本上为多页面。基本使用html/css/js即可以完成页面搭建，容易上手，常用框架还有jquary/boostrap/zepto等。但因需逐个绘制页面，总体来说费时费力，还需要与后端适配，比较依赖后端，另外就是每个页面重复加载，用户体验没有单页面舒畅。
（2）单页面现在比较流行，系统集成、快速高效。常用框架有angular、react、vue等，每个框架都有很多UI或者功能库，组件化、模块化、工程化，前后端分离，用户体验较好。但应用架构更复杂，因集成各种模块文件较大，首屏渲染较慢，并且对SEO不友好（js代码生成）。

3. 应用

（1）多页面可以用于一些轻量级的前端应用，如门户类、资讯类、数据展示类等弱交互型的应用。
（2）单页面可以用于web大型应用，还可以用于移动应用（混合应用）和桌面应用，甚至可以通过框架进行跨平台应用（如AR）

总体来说，两者各有应用场景，理应取长补短，发挥各自优势。