为什么将angular称为单页应用程序

时间:2018-06-29 05:28:13

标签: angularjs angular single-page-application

与Angular(JS)相关的最常见术语之一是S.P.A。

  1. 为什么Angular(JS)被称为单页应用程序?
  2. 即使URL在Angular(JS)站点中发生更改,也将其称为S.P.A。?
  3. 使用Angular(JS)创建的所有站点真的都是一个页面应用程序吗?如果不是为什么?

我希望这些问题的答案在Angular(JS)上能更加清晰。

2 个答案:

答案 0 :(得分:4)

在回答3个问题之前,我只想让您知道什么是 SPA

单页应用程序(SPA)是一个适合单个页面的Web应用程序。您的所有代码(JS,HTML,CSS)都可以通过单个页面堆栈进行恢复。此外,执行的页面之间的路由不会使整个页面充满活力。

SPA的优点:

1。没有页面闪烁。本机应用程序的感觉。

2。客户端上的客户端路由和数据呈现。

3。来自服务器的数据为JSON格式。

出现问题

1。为什么将angular称为单页应用程序?

答案: Angular Js是功能齐全的SPA框架,借助它可以创建单页应用程序。在SPA中整个页面不会每次都重新加载,每次查看都会更改

因此,当您第一次加载该应用程序时,不会呈现服务器中的所有页面。它仅index.html会在您加载应用程序时加载。由于仅加载了单个页面,因此称为SPA

2。即使网址在角度站点中发生变化,也将其称为spa吗?

答案:基本上,网址更改是通过路由完成的。 AngularJS中的路由是通过在您的<ng-view>页面中包含<ui-view>index.html而无需刷新整个页面来实现的

因此,当网址更改时,不会更改整个index.html,只有ng-view或ui-view中的部分html在视图之间切换

3。使用angular创建的所有网站真的都是单页应用程序吗?如果不是为什么?

答案:是。用angular创建的所有站点都是SPA。 Angular JS是在SPA框架上定义的。

答案 1 :(得分:0)

首先是SPA

所以SPA是

单页应用程序(SPA)是Web应用程序,可加载单个HTML页面并在用户与该应用程序交互时动态更新该页面。 SPA使用AJAX和HTML5创建流畅且响应迅速的Web应用程序,而无需不断刷新页面。但是,这意味着很多工作发生在客户端的JavaScript中。

因此,当在浏览器中加载角度时,它会加载唯一的index.html文件,因为用户交互时会加载其他组件而无需刷新页面。

总体而言,它也可以与web pack一起使用,以最大限度地提高应用程序的性能。

有很多好处,并在angular网站上列出。

希望这会有所帮助。