单页面应用 Single Page-Toy模板网

这篇具有很好参考价值的文章主要介绍了单页面应用 Single Page。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

单页面应用 Single Page

什么是单页面应用？

也就是指我们的系统只加载一次页面，剩下的页面切换交给路由去处理。页面中的数据替换则是交给 JavaScript 和 Ajax 处理。这些操作处理中页面是不会进行刷新的。

在传统的模式中，如果是传统的前后端不分离，你每次修改页面中的数据基本上都要重新请求服务器资源，然后刷新整个页面进行重新渲染。在后来就是传统模式的前后端分离，可以通过 Ajax 获取数据，通过 JavaScript 给指定 DOM 进行替换内容。但是这种方式的页面切换时，也是会刷新整个页面的，而且一般都是通过 a 标签进行页面跳转，或者是 JavaScript 的 location.href 属性进行页面跳转。

刷新整个页面，使得页面所有元素进行重新渲染，这个是很消耗计算机性能开销的。路由的工作原理，基本上就是在一个页面内进行模块切换，把上一个模块在 DOM 移除，把新的模块在 DOM 中新增，就很类似 Vue 中的 v-if 指令。往后面的趋势基本上都是单页面应用了。