Blazor 0.5.0 升级及新特性介绍
前言
喜大普奔, Blazor 0.5.0 在我刷了好幾遍 Github (表示功不可沒)以后,終于在 2018年7月25日發(fā)布了!
[Blazor 0.5.0 Announce] (https://blogs.msdn.microsoft.com/webdev/2018/07/25/blazor-0-5-0-experimental-release-now-available/
)
此版本提供的新特性:
服務(wù)端 Blazor
啟動(dòng)模式修改為 ASP.NET Core 方式
Javascript 互操作提升
免除 Javascript 方法預(yù)注冊(cè)需求
Javascript 中調(diào)用 .NET 方法
通過(guò)引用方式傳遞 .NET 對(duì)象到 Javascript
提供在任何 HTML 文件中使用 Blazor 的標(biāo)簽方法。
渲染原始 HTML
新的組件參數(shù)代碼段
支持瀏覽器調(diào)試
Visual Studio 模板更新
要為 Visual Studio 安裝 Blazor Language Service extension 的開發(fā)人員 CI 版本,請(qǐng)點(diǎn)擊菜單 工具 - >選項(xiàng) - >環(huán)境,將https://dotnet.myget.org/F/blazor-dev/vsix/ 添加為附加擴(kuò)展庫(kù) - >擴(kuò)展和更新。如下圖所示:
再點(diǎn)擊 工具 -> 擴(kuò)展和更新,在左側(cè) 更新 里面可以看到有更新的模板。點(diǎn)擊對(duì)應(yīng)的模板更新即可。
以上說(shuō)明用于你的VS已經(jīng)安裝有舊版本模板的更新。如果你是第一次安裝,請(qǐng)參考 Blazor 簡(jiǎn)單介紹 - C# 全棧工程師的福音 說(shuō)明操作即可。
VS Code CLI 更新
CLI 的更新就比較容易了,一個(gè)命令行的事。
dotnet new -i Microsoft.AspNetCore.Blazor.Templates新版本體驗(yàn)
在6月12日 ASP.NET Community Standup - Meet the Blazor team! (油管視頻,不能科學(xué)上網(wǎng)我也幫不了你),我就對(duì) Server-side Blazor 很感興趣,這次出來(lái)新版本,上手第一件事就是試驗(yàn)這個(gè)特性。
模板新建的項(xiàng)目,Chrome Network 對(duì)比結(jié)果如下:
Client side Blazor:
19 Request | 3.1 MB transferred | Finish: 4.26 s | DOMContentLoaded:479ms | Load: 720 ms
訪問(wèn)我放在Github 的 Blazor SPA 網(wǎng)站
也歡迎你告訴我你的測(cè)試結(jié)果。
Server side Blazor:
10 Request | 97.5 KB transferred | Finish: 506 ms | DOMContenLoaded:384 ms | Load: 589 ms
本機(jī)測(cè)試結(jié)果。
在實(shí)際開發(fā)過(guò)程中,Client side Blazor 有時(shí)候加載時(shí)間達(dá)到 8-15 秒或更多, ?Loading 的過(guò)程是非常明顯的。這個(gè)加載慢是目前大部分 SPA 框架的普遍問(wèn)題。 有人說(shuō),只要不關(guān)閉瀏覽器,加載畢竟只有開始的那一次痛,忍一忍也就過(guò)去了。
除了加載速度外,Server side blazor 的另外一個(gè)優(yōu)點(diǎn)是不需要通過(guò) AJAX 訪問(wèn)API數(shù)據(jù),由于所有過(guò)程都是在服務(wù)端進(jìn)行的,可以通過(guò) ADO.NET 或 Entity Framework 等ORM直接進(jìn)行數(shù)據(jù)訪問(wèn)。
選擇客戶端Blazor 或者是服務(wù)端 Blazor,需要根據(jù)不同項(xiàng)目需求具體分析。
原文地址:https://www.jianshu.com/p/22f3522db7d8
.NET社區(qū)新聞,深度好文,歡迎訪問(wèn)公眾號(hào)文章匯總 http://www.csharpkit.com
總結(jié)
以上是生活随笔為你收集整理的Blazor 0.5.0 升级及新特性介绍的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Ocelot-基于.NET Core的开
- 下一篇: NuStore使用说明