背景
什么是SPA 什么是MPA
MPA (Multi-page Application) 多頁面應用指的就是最傳統的 HTML 網頁設計，早期的網站都是這樣的設計，所之稱為「網頁設計」。使用 MPA 在使用者瀏覽 Web 時會依據點擊需求切換頁面，瀏覽器會不停的重載頁面 (Reload)，M$ IE 就會一直發出卡卡卡的聲音，整個操作也常感覺卡卡。如果使用這樣的設計在 Web App 中，使用者體驗比較差，整體流暢度扣分。但進入門檻低，簡單套個 jQuery Mobile 就可以完成。
SPA (Single-page Application) 顧名思義在 Web 設計上使用單一頁面，利用 JavaScript 操作 Dom 的技術實現各種應用，現今在介面上算是非常受歡迎的設計，搭配 AJAX 使得整體介面反應速度相當迅速，並且能夠實現各種豐富的使用者介面。典型的 gmail 就是最好的例子。缺點是學習門檻高，而 JavaScript 又有跨瀏覽器的問題，此外在不 Reload 頁面的狀況下，記憶體控制也變得更復雜與重要，也是我們為什麼要介紹 UI Framework 來開發的原因。
SPA 對比 MPA
自從前端有了nodejs 整個世界就不對勁了,. 前端≠畫頁面的了 從此站起來了 jquery 是什么老古董 MVC 是什么舊模式!?
一套項目不用MVVM 好像就是弱的代名詞了 這個杯具的時代 老板竟然要求做全棧的 用SPA模式 什么!? 自己寫webpai 自己寫angularjs react vue 自己調用 自己測試 ???? 黑人問號
Blazor ，將 .NET 帶回到瀏覽器
還是微軟大法好.這不給出我們做全棧的解決方案了 就是 Blazor!!!
當前 blazor 0.7 各位同志...記得star啊
https://github.com/aspnet/Blazor
這個是官網
https://blazor.net
Blazor 是一個 Web UI 框架，可通過 WebAssembly 在任意瀏覽器中運行 .Net 。也就說，你可以用C# 寫前端。可以理解為，這是一個C#語言的Vue, Angular, React。
Blazor 擁有現代 Web 框架具備的所有功能，包括：
- 用於構建 composable UI 的組件模型
- 路由
- 布局
- 表格和驗證
- 依賴注入
- JavaScript 互操作
- 開發期間在瀏覽器中實時重新加載
- 服務器端渲染
- 在瀏覽器和 IDE 中全面調試 .NET
- 能夠通過 asm.js 在較早版本的（非 WebAssembly ）瀏覽器上運行
構建第一個Balzor
dotnet new -i Microsoft.AspNetCore.Blazor.Templates dotnet new blazor -o BlazorApp1 cd BlazorApp1 dotnet run
當然 也可以用地表最強IDE來創建
https://marketplace.visualstudio.com/items?itemName=aspnet.blazor
這個是VS的blazor插件裝了之后 就可以選到
Run !
