Spa Interpretation: Single page application

Single page Web Application,spa, which is an app that has only one Web page, is a Web application that loads a single HTML page and dynamically updates the page as the user interacts with the application.

Single Page Web application

Single page Web Application,spa, which is just one web page app. A single-page application (SPA) is a Web application that loads a single HTML page and dynamically updates the page as the user interacts with the application. [1] The browser initially loads the necessary HTML, CSS, and JavaScript, and all of the operations are done on this page, all controlled by JavaScript. Therefore, the development and design of modularization for single page application is very important.

Characteristics

Speed: Better user experience, let users feel the speed and fluency of native app in Web App,

· MVC: Classic MVC development model, front and back end accountability.

Ajax: Front-end, business logic is all local operations, data need to be synchronized through Ajax, submit.

• Routing: Use the # number in the URL as the address of the current view, change the parameter after the # number, and the page will not reload.

Single Page Web Application,spa is today's web development technology, many traditional Web sites have been or have been transformed into single-page Web applications, new single-page Web application sites (including mobile platforms) have sprung up in front of people , such as Gmail, Evernote, Trello and so on. If you're a web developer who hasn't developed or even heard of a single page app, you've been out for a long time.

Single page Web applications and front-end engineers are closely related, because the major changes in the browser side, the use of technology is actually html+css+javascript, all browsers are natively supported, of course, some browsers have some advanced features, This makes the user experience of a single page Web application a step further. On the advantages and disadvantages of single page application, there are a lot of articles on the Web, this is not the discussion. Single page Web application, as the name implies, is only one Web page application. The browser loads the necessary HTML, CSS, and JavaScript at the beginning, and all the operations are done on this page, all controlled by JavaScript. Therefore, a single page Web application will contain a large number of JavaScript code, the complexity of the imagined, modular development and design of the importance of self-evident. [2]

Single page Web application development process

• Review Web application Development with a circular perspective

• Framed by a consistent spa graphical user interface (GUI) and model

• Bring the spa principles back to the server side

• Gathering in early-stage spa development for suitable applications [3]

The starting point of spa coordination is to recognize that the SPA is related to scripting and web programming, rather than back-end applications. The main goal of the SPA is to refactor Web applications around the Web 2.0 page time interaction principle so that the experience is easily translated into multiple devices and is effective for users. This means that the user interaction should first be designed with support for such a logical activity, which should involve a single page and a set of scripts that can be loaded and executed once until the activity is complete.

Once the user interaction design is complete, the next step is to frame a local state or event model that describes how the page handles interaction with the user and with any backend applications. Although this is not impossible, it is more difficult to develop a spa that interacts with the server-side features multi-component.

This creates an incentive to refactor the application server to support the spa at a 1:1 scale. To the greatest extent, the model should localize its own variables and namespaces and interact with other spas through the application's server side. This is to reduce the need for a local spa controller or model to retain state between multiple spas. [3]

Spa Interpretation: single page application