上节课我们对GitHub搜索案例进行了一个简单的总结，那么这节课我们来学一个新的东西SPA，这个可不是说你们出去做一个SPA，这个到底是什么呢？我们这节课会来介绍一下，别着急。
回顾
上节课的内容其实也没有什么可回顾的，就是一些简单的我们已经学过的知识点。
什么是SPA
SPA的全称是single page web application，就是字面意思，单页面web应用。其实大家后期学完了React或者学了Vue，大家写得web应用呢都叫做单页面应用。
那么什么叫单页面应用？就是说整个应用只有一个完整的页面，而当我们点击这个页面中的链接的时候并不会刷新页面，只会对页面来做局部的更新，而我们更新也好还是初次展示的数据都要通过ajax请求来获取，并在前端异步展示。
多页面Demo
那么我们说单页面，但是我们有多页面的应用吗？我们来看这个Demo:
大家来看一下，我们现在这个页面是不是在about导航栏里面？然后我点击home导航栏的时候其实我浏览器的刷新按钮是闪动了一下的，代表刷新了一次。
然后我们再来看地址栏后面是不是变成了home.html？这是我们本地文件的demo，那么是不是代表着这也就是两个页面文件，这就是一个多页面应用。
多页面应用的劣势
我们上面已经知道了什么是多页面应用了，那么多页面应用的劣势是什么呢？
我们来想一想我们上面的Demo每一个导航栏就是一个新的页面，而且每个页面中是不是都要有一个标题？都要有相同的导航栏，而且每个页面的导航栏还要用样式来突出当前导航栏，这样的话这一个应用中是不是就得有很多个乱七八糟的html文件啊？
有很多html文件还不算什么，因为我们每个页面都要有很多相同的结构，这样就会导致整个应用中会有很多重复的html代码，这样就会拖低开发效率的。
总结
SPA是单页面web应用SPA应用只有一个完整的页面- 点击这个页面中的链接的时候并不会刷新页面，只会对页面来做局部的更新
- 数据都要通过
ajax请求来获取，并在前端异步展示。 - 多页面重复代码多，开发效率低。
Copyright statement：The articles of this site are all original if there is no special explanation, indicate the source please when you reprint.
Link of this article：https://work.lynchow.com/article/unstand_spa_app/
