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