前端笔记 单页面应用 spa

之前听到别人说什么单页面应用自己不了解什么意思。于是上网查了查，理一下到什么单页面应用指的是什么。

要说但页面应用首先可以说说路由的概念和原理。路由分为前端路由和后端路由。

先说后端路由 概念是：根据不同的用户URL请求返回不同的内容。本质上就是URL请求地址与服务器资源之间的对应关系。

每次浏览器请求一个URL 地址，服务器 中 后端路由就会拦截地址然后 找到 服务器中的资源 返回给浏览器。每次浏览器刷新页面 都会重复同样的操作。这就是所谓的多页面应用。在早期开发都是这样的多页面应用。但是多页面应用也有他的缺点：比如每次涮新都会重新请求页面。这样会额外浪费请求资源，往往会造成页面切换加载缓慢，流畅度不够，用户体验比较差。一些特水的专场动画也无法实现。

了解多页面应用在看看多页面应用，单页面应用：整个网站就是一个页面。内容的变化就是通过Ajax 局部更新实现，同时支持浏览器的前进和后退操作。SPA实现原理之一就是：基于URL地址的hash,hash的变化会导致浏览器访问记录历史的变化，但不会出发新的URL请求。如图中，根据不同的用户事件，我们就会显示不同的用户内容。本质上就是 ：单页面应用就是通过前端路由，自由的切换所展示的内容。期间可以不对后端重新http请求。