background
What is SPA What is MPA
MPA (Multi-Page the Application) multi-page application refers to the most traditional HTML web design, the early sites are such a design, called it the "web design." MPA use when users visit Web pages will switch according to the needs of clicks, the browser will not stop to reload the page (Reload), M $ IE would have been issued Ka Kaka sound, the entire operation often feel Kaka. If you use this design in the Web App, the user experience is poor, the overall fluency points. But the low barriers to entry, a simple set of jQuery Mobile can be completed.
SPA (Single-Page the Application) As the name suggests used on a single Web page design, the use of JavaScript technology Dom operating a variety of applications, now regarded as a very popular design on the interface with AJAX interface, making the overall reaction rate is very fast, and can to achieve a variety of rich user interface. Typical gmail is the best example. The disadvantage is that learning high threshold, and JavaScript have cross-browser issues, in addition Reload page without conditions, memory management becomes more complex and important, is the reason why we want to introduce to develop the UI Framework.
SPA contrast MPA
Since the front end with nodejs whole world wrong, and front-end page of the painting ≠ stood up jquery is what antique MVC is what the old model!?
A project like MVVM is not synonymous with a weak cup of this era boss actually asked to do full-stack mode with SPA What!? Wrote webpai write their own angularjs react vue calls itself black question mark test ????
Blazor, the .NET back to the browser
Microsoft Dafa is good. It did not give us a full-stack solution is Blazor !!!
Current blazor 0.7 Comrades remember star ah ...
1
|
https:
//github.com/aspnet/Blazor
|
This is the official website
1
|
https:
//blazor.net
|
Blazor is a Web UI framework, .Net can run on any browser by WebAssembly. It is to say, you can write C # front end. It can be understood as, this Vue is a C # language, Angular, React.
Blazor has all the features of modern Web frameworks have include:
- Composable UI component model used to construct the
- routing
- layout
- Tables and verification
- Dependency Injection
- JavaScript interoperability
- During the development of real-time reload in the browser
- Server-side rendering
- IDE in the browser and comprehensive debugging .NET
- Able to run on earlier versions of (non-WebAssembly) browser by asm.js
Construction of a Balzor
1
2
3
4
|
dotnet
new
-i Microsoft.AspNetCore.Blazor.Templates
dotnet
new
blazor -o BlazorApp1
cd BlazorApp1
dotnet run
|
Of course, you can also use the IDE to create the strongest surface
1
|
https:
//marketplace.visualstudio.com/items?itemName=aspnet.blazor
|
This is the blazor VS plug can be installed after the election to
Run !
---------------------
Author: Summer Shake Light
Source: CNBLOGS
Original: https: //www.cnblogs.com/leoxjy/p/10057825.html
copyright notice : In this paper the author original article, reproduced, please attach Bowen link!
Content analysis By: CSDN, CNBLOG blog articles reprinted a key plug