SPA - Single Page Application

r囧r小猫 2021-11-23 10:12 153阅读 0赞

Single Page Application指一种基于web的应用或者网站, 这种single page在和用户交互的时候当用户点击某个物件或者按键的时候不会跳转到其他的页面. 举个例子, 在知乎里, 如果你点击一个问题或者一个人名的时候, 网页会自动跳转到该页面. 反之, 比如说我们现在有一个基于网页版的计算器应用, 不管你点数字还是运算符号, 都不会跳转到其他页面, 仅仅是在网页的某处(计算器显示数字的地方)进行更新, 显示你刚刚所按的键或者计算的结果.

由于AJAX的局部刷新功能，很多系统都变成了Single Page Application, 也就是应用只有一个页面，根据不同的用户操作来更新这个页面的内容，虽然这种做法“简化”了系统UI部分的开发 (真的简化了吗？或许只是心理上的简化)而且使系统开发跟上了Web开发的AJAX潮流，但是这种一刀切的单页模式真的适合你的应用吗？

1. 你的应用需要被搜索引擎索引吗？ 据我所知，目前所有的搜索引擎还是比较讨厌javascript的，也就是说你页面里面用ajax更新的动态内容搜索引擎是不能访问到的。所以如果你的网站需要依靠搜索引擎进行推广，还是传统一点比较好

2. 你的应用需要浏览器的后退按钮吗？几乎所有的浏览器用户每天都在频繁的使用浏览器的后退按钮来查看自己刚刚浏览过的内容，但是如果你使用了AJAX进行局部刷新，浏览过的内容就不能用后退按钮重现了。

3. 你的应用想要用户收藏某个页面吗？AJAX单页应用的特点就是地址栏的url跟浏览器显示内容不是一一对应的关系，所以用户收藏的页面重新打开的时候显示的内容跟收藏时的内容可能是不一样的。

4. 你的应用页面很复杂吗？需要用ajax进行复杂页面的更新吗？ ajax是使用xml, text等文本与服务端进行交互的，大量的传输不但影响系统的性能，对系统安全是也很大的威胁。

以上是我对SPA简单搜集的资料，spa，以及spa是否真的适合自己的应用。

简而言之，再先进的编程技术，也得需要学会选择的应用。 主要是符合需求。

参考：

[Single Page Application是什么][Single Page Application]

[Single Page Application (单页应用) 适合你吗？ ][Single Page Application _]

[Single Page Application]: https://blog.csdn.net/huali_1995/article/details/78697434
[Single Page Application _]: https://blog.csdn.net/jinhuiyu/article/details/4738719