SPA，什么是单页面应用，为什么要使用单页面应用，单页面应用有啥好处

绝地灬酷狼 2022-10-02 14:58 272阅读 0赞

说到SPA，很多人只是在使用，不知道为什么使用？别人再用，所以，我也再用，流行，听到了，所以，我用。

SPA--------single page application。单页面应用，即一个web项目就只有一个页面（即一个HTML文件），对应传统的做网站或者web应用的人来说，觉这不可以思议------怎么可能，一个项目就一个html页面。那跳转怎么办？页面结构不一样怎么办？等等，一大堆问号就来了，想不通啊。

其实，单页面应用，就是把整个项目的所有页面的所有内容分成了很多的小块（就是组件），可以重复利用的，可以任意调整的组件，每个组件就是一个独立的部分（包括html，css和javascript代码）。再做一个html（基本上啥也没有），这个html就是一个页面容器，需要放那个组件时，直接引入就行。跳转时，直接跳转组件就行。当需要加载某个组件时，js会动态创建这些组件里的HTML，CSS。还是一头雾水。

还是先来了解一下，单页面应用的好处，你才有兴趣深入了解单页面应用，否则，你是不愿意接近它的。

还得简单先说一下，多页面应用（其实，就是以前传统的web开发，有了单页面应用，才把以前的传统web开发叫作单页面应用）。有了对比就有了伤害，多页面应用的缺点：每次进入新的页面，都需要向服务器发送请求，要整个页面的所有代码。而且，多次操作后，再次进入该页面时，还得再次请求。不但浪费了网络流量，更重要的是有延迟，用户友好性，用户体验不好。

几乎每一个响应动作都会刷新整个页面 （啊 …………………………）

单页面应用的优点，正是多页面应用的缺点。单页面是一次性把web应用的所有代码（HTML，JavaScript和CSS）全部请求过来，有时候考虑到首屏加载太慢会按需加载。这样一来，以后用户的每一个动作都不会重新加载页面（即不用再问服务器要页面的HTML，css和js代码），取而代之的是利用 JavaScript 动态的变换HTML的内容（这不需要和服务器交互，除非数据是动态，那么只需要问服务器要数据即可）。效率是刚刚地。

如果你想懂得以前的桌面应用开发（叫C/S开发），那么，你就知道SPA是停接近桌面应用开发。

如果你想了解企业级开发的历史，以及桌面应用开发，web多页面开发，SPA之间的关系和发展，请回复我，你的回复是我继续写下去的动力！