SuperAPI AI 工具集

blazor

设计与创作

查看项目

更新于 10-16 00:04

技能介绍

用途:在 .NET 中构建和审查 Blazor 应用,覆盖 Server、WebAssembly、Web App 与混合场景,重点处理组件设计、状态流转、渲染模式、预渲染与 JS 互操作。

主要能力:按需求选择渲染模式(Static 适合 SEO 与营销页;InteractiveServer 经 SignalR 适合实时与瘦客户端;InteractiveWebAssembly 适合离线与客户端密集;InteractiveAuto 先服务端后 WASM);设计可复用组件(小粒度、参数定制、事件通信);状态管理(组件内状态、DI 服务共享状态、用 [PersistentState] 跨预渲染持久化);性能优化(Virtualize 虚拟化长列表、@key 优化列表 diff、事件防抖、WASM 懒加载程序集);JS 互操作(C# 调 JS 用 IJSRuntime 异步,JS 调 C# 用 [JSInvokable] 与 DotNet.invokeMethodAsync);Auto 模式下服务端与客户端分别实现同一接口并注册。

使用方式:按触发条件进入,如用 C# 而非 JavaScript 构建交互式 Web UI、选择渲染模式、设计组件层级与状态管理、处理预渲染与 hydration、必要时集成 JavaScript、将 Blazor UI 连接 AI 后端。工作流为:按需求选渲染模式,设计可复用组件,正确处理状态,并在两种环境(Auto 模式)中验证。

适用场景:需要 SEO 的静态页、实时应用、离线客户端应用,以及需要同时兼顾首屏速度与客户端执行的场景。

限制与注意:避免大组件、WASM 中直接访问数据库、忽略 ShouldRender、Server 中同步 JS 互操作、缺少错误边界、忘记预渲染状态导致重复 API 调用。升级 dotnet/aspnetcore v10.0.11 后需重跑重连、持久状态过期、渲染模式与 Auto 客户端/服务端拆分测试。具体收费、价格与平台信息暂未提供。