Blazor 一直是 ASP.NET Core 生态系统中最具变革性的技术之一，它使开发人员能够使用 C# 和 .NET 构建现代 Web 应用程序，而无需完全依赖 JavaScript。随着ASP.NET Core 10.0（作为 .NET 10 LTS 版本的一部分）的发布，微软在性能、开发人员效率、灵活性和用户体验方面都显著提升了 Blazor 的性能。此次版本更新不仅着重改进了渲染和资源优化等基础功能，更致力于将 Blazor 打造成构建全栈 Web 应用程序、混合解决方案乃至企业级系统的首选工具。
在本文中，我们将探讨Asp.Net Core 10.0 中最重要的 Blazor 增强功能，它们为何重要，以及它们将如何重塑未来的开发。
如果您喜欢此文章，请收藏、点赞、评论，谢谢，祝您快乐每一天。
1. 更快的启动速度和资产加载速度
Blazor for .NET 10 最显著的改进之一是启动时间大幅缩短，尤其对于Blazor WebAssembly应用程序而言更是如此。以往，Blazor WebAssembly 应用程序在运行前需要下载相对较大的框架和库文件，这有时会比 JavaScript 框架带来一些不便。
.NET 10 的增强功能
静态资源指纹识别与压缩：脚本和框架文件现在以预压缩并带有指纹识别的静态资源形式提供。这使得浏览器能够积极地缓存它们，并在会话之间甚至不同的应用程序之间重复使用它们。
预加载支持：开发者现在可以通过预加载 Blazor 的 JavaScript 和 WebAssembly 资源<LinkPreload /> ，从而减少"交互时间"。
原生 AOT 的优势：提前编译可减少有效负载大小并提高 WebAssembly 的执行速度。
影响：即使在低带宽或移动连接下，应用程序也能感觉响应更迅速、交互性更强，这使得 Blazor WebAssembly 在与 React 和 Angular 等 SPA 框架的竞争中更具优势。
2. 持久组件状态
Blazor Server 和 Blazor WebAssembly 在维护应用程序生命周期事件（例如页面重新加载、重新连接或预渲染场景）中的状态时都面临挑战。ASP.NET Core 10 引入了持久化组件状态来解决这个问题。
它的作用
现在，组件可以在页面重新加载和服务器重新连接后保留其状态（例如，表单输入、UI 上下文、过滤器）。
状态不仅可以保存在内存中，还可以序列化以实现用户会话之间的持久性。
影响：这消除了用户刷新浏览器后丢失进度的令人沮丧的体验。对于服务器端 Blazor 应用，这也使得重新连接过程更加流畅。
@page "/counter"
@inject PersistentComponentState ApplicationState
<h3>Counter with Persistent State</h3>
<p>Current count: @currentCount</p>
<button @onclick="IncrementCount">Click me</button>
@code {
private int currentCount;
protected override void OnInitialized()
{
if (ApplicationState.TryTakeFromJson<int>("counter", out var savedCount))
{
currentCount = savedCount;
}
}
private void IncrementCount()
{
currentCount++;
ApplicationState.PersistAsJson("counter", currentCount);
}
}
3. 改进的 Blazor 混合集成
Blazor混合应用（在.NET MAUI或WPF/WinForms中运行Razor组件）越来越受欢迎。在ASP.NET Core 10中，微软改进了BlazorWebView控件及相关的混合功能。
改进措施包括
更佳的资源加载：混合应用程序现在可以受益于与 Blazor WebAssembly 相同的静态资源压缩和缓存改进。
增强的开发者工具：混合应用与热重载更紧密地集成，从而在开发过程中实现更快的迭代。
一致的渲染：WebAssembly、服务器和混合模式之间的渲染差异已降至最低。
影响：混合应用程序现在已成为生产环境中的现实选择，使开发人员能够在桌面、移动设备和 Web 上共享 Blazor 组件。
4. 验证改进
输入验证对于任何严肃的应用程序都至关重要。在 Asp.NET Core 10 中，Blazor 引入了更强大的验证功能：
嵌套对象验证：现在，包含子对象或集合的复杂模型无需自定义变通方法即可进行一致的验证。
跳过验证：开发人员可以在不需要验证的情况下选择性地跳过验证，从而提高性能。
与 JSON 序列化和模型绑定保持一致System.Text.Json ：验证行为现在与 JSON 序列化和模型绑定一致，减少了开发人员的困惑。
影响： Blazor 表单更加可靠，所需的样板验证代码更少，从而提高了安全性和开发人员的生产力。
@page "/register"
@using System.ComponentModel.DataAnnotations
<EditForm Model="user" OnValidSubmit="HandleValidSubmit">
<DataAnnotationsValidator />
<ValidationSummary />
<InputText @bind-Value="user.Name" placeholder="Name" />
<InputText @bind-Value="user.Address.City" placeholder="City" />
<InputText @bind-Value="user.Address.ZipCode" placeholder="Zip" />
<button type="submit">Register</button>
</EditForm>
@code {
private User user = new();
private void HandleValidSubmit()
{
Console.WriteLine($"Registered: {user.Name}");
}
public class User
{
Required\] public string Name { get; set; }
public Address Address { get; set; } = new();
}
public class Address
{
\[Required\] public string City { get; set; }
\[Required, StringLength(5)\] public string ZipCode { get; set; }
}
}
### 5. QuickGrid 功能增强
QuickGrid组件在早期版本中引入，并在 ASP.NET Core 10 中进行了重大更新。QuickGrid 是一个轻量级、高性能的数据网格，专为在 Blazor 中显示表格数据而设计。
#### .NET 10 新增功能
RowClass 参数：开发人员现在可以应用条件行样式（例如，以红色突出显示逾期发票）。
虚拟化改进：大型数据集的处理效率更高，滚动更流畅。
扩展列选项：在排序、模板和列定义方面提供更多自定义选项。
影响： Blazor 现在提供了一个开箱即用的、可用于生产的网格解决方案，减少了常见数据驱动型应用程序对第三方控件的依赖。
@page "/orders"
@using Microsoft.AspNetCore.Components.QuickGrid
\