摘要: 1. 前言 在Blazor中的无状态组件文中,我提到了无状态组件中,有人提到这个没有diff,在渲染复杂model时,性能可能会更差。确实,这一点确实是会存在的。以上文的方式来实现无状态组件,确实只要属性发生变化,就会渲染。无状态组件是否渲染,更多的需要依靠父组件来判断。父组件不用更新,则无状态组件 阅读全文
posted @ 2022-01-01 22:49 半野 阅读(221) 评论(0) 推荐(4) 编辑
摘要: DynamicComponent是.NET 6中内置的动态渲染组件,比如根据下拉列表或者单选框中选择的内容来呈现组件。其实,基于DynamicComponent可以做很多好玩的事情,比如之前讲到的动态Modal。接下来我将讲下如果创建一个OneContainer组件。有些时候,我们可能会使用多个组件 阅读全文
posted @ 2022-01-02 14:20 半野 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 1. 前言 在Blazor中的无状态组件文中,我提到了无状态组件中,有人提到这个没有diff,在渲染复杂model时,性能可能会更差。确实,这一点确实是会存在的。以上文的方式来实现无状态组件,确实只要属性发生变化,就会渲染。无状态组件是否渲染,更多的需要依靠父组件来判断。父组件不用更新,则无状态组件 阅读全文
posted @ 2022-01-01 22:49 半野 阅读(221) 评论(0) 推荐(4) 编辑
摘要: 声明:本文将RenderFragment称之为组件DOM树或者是组件DOM节点,将*.razor称之为组件。 1. 什么是无状态组件 如果了解React,那就应该清楚,React中存在着一种组件,它只接收属性,并进行渲染,没有自己的状态,也没有所谓的生命周期。写法大致如下: var componen 阅读全文
posted @ 2021-12-20 22:55 半野 阅读(228) 评论(2) 推荐(1) 编辑
摘要: CSS一旦生效,就会应用于全局,所以很容易出现冲突。为了解决这个问题CSS隔离就顺势而生。Blazor诞生于2018年,至今为止已经2年多了,然而CSS隔离直至.NET 5出现才支持。本文介绍了如何使用.NET 5中Blazor的CSS隔离技术。 阅读全文
posted @ 2020-11-17 22:25 半野 阅读(2050) 评论(4) 推荐(8) 编辑
摘要: 新建项目 打开VS,新建一个名为BlazorApp的Blazor项目,至于是Server还是WASM都可以。 安装NuGet包 在项目上右键,选择“管理NuGet程序t包”,在搜索界面上勾选“包括预发行版”,然后搜索AntDesign,如下图所示第一个即为本程序的nuget包(不要选择安装第5个An 阅读全文
posted @ 2020-06-25 18:07 半野 阅读(1089) 评论(3) 推荐(1) 编辑
摘要: 如何将一个balzor应用(WASM)部署到Github Pages上 阅读全文
posted @ 2020-04-20 17:22 半野 阅读(854) 评论(0) 推荐(0) 编辑
摘要: Blazor组件间——父子、祖孙、非嵌套组件——通信的方式 阅读全文
posted @ 2020-04-10 10:44 半野 阅读(3858) 评论(7) 推荐(5) 编辑
摘要: Blazor中使用@bind进行数据绑定 阅读全文
posted @ 2020-04-09 09:39 半野 阅读(2751) 评论(0) 推荐(0) 编辑
摘要: 图解Blazor的生命周期 阅读全文
posted @ 2020-04-05 18:01 半野 阅读(2724) 评论(2) 推荐(2) 编辑
摘要: Blazor中C#与JavaScript的交互实现 阅读全文
posted @ 2020-04-05 17:48 半野 阅读(3194) 评论(0) 推荐(1) 编辑