人人都会 Blazor —— 1.1 概述

已于 2023-11-05 13:54:26 修改
阅读量228 收藏 1
点赞数
分类专栏： 人人都会的 Blazor 文章标签： Blazor AspNetCore 前端 .NET Core
于 2023-10-26 20:13:13 首次发布
所有原创文章版权均归博主“佛系最高指挥官”所有，若要转载，必须注明出处！！！
本文链接：https://blog.csdn.net/playermaker57/article/details/134063510
版权
Blazor 是一个基于 .NET 的浏览器Web框架，由C#和Razor语法构建，允许在浏览器中运行。由史蒂夫·桑德森发起，后被微软接纳并发展。Blazor分为Blazor Server、Blazor WebAssembly和Blazor Hybrid三种托管模型，支持JavaScript互操作和代码共享。Blazor生态丰富，包含AntDesign Blazor、BootstrapBlazor等组件库。
摘要由CSDN通过智能技术生成

Blazor 的由来

Blazor 这个名字是两个单词改进而来的，即 Browser + Razor。从名字不难看出，它是基于 Razor 语法的浏览器框架。

Razor 语法的对于一直从事 ASP.NET 开发的小伙伴来说并不陌生，它从 .NET Framework 的 MVC 时代就开始伴随着我们一直前行，并且一直沿用到至今。也就是说 Razor 语法是开发 ASP.NET 网页端唯一的语法。

Razor 语法示例：

@{
   
	var joe = new Person("Joe"
了解本专栏 订阅专栏 解锁全文 超级会员免费看
叫我 Teacher 周
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
人人都会Blazor —— 2.3 依赖注入
不忘初心
11-20 191
依赖注入技术已经是 .NET 中非常基础且成熟的技术，所以这里就不作为重点进行介绍了。就是要注意的是在 Blazor 中，依赖注入的生命周期会有所变化，特别是 WebAssembly 中，没有所谓的 Scoped，即使你注册成为了 Scoped 服务，也会被当作 Singleton 方式来对待，这点一定要注意。
人人都会 Blazor —— 2.2 启动项目
不忘初心
11-15 99
现在你已经掌握了 Blazor 两种托管模式，包括他们的启动顺序和注意的地方，需要特别注意的是他们的不同点，因为他们是不一样的托管模式，要在思维上有所区别。
人人都会Blazor —— 3.3 参数
不忘初心
11-24 268
参数是最常用的组件特性，需要非常熟练的掌握才会事半功倍，同样地，组件的参数设计也会让使用者不禁的感叹设计者的水平。
人人都会Blazor —— 3.5 布局
不忘初心
12-05 309
有些应用元素（例如菜单、版权消息和公司徽标）通常是应用整体布局的一部分。将这些元素的标记副本放入应用的所有组件是一种效率较低的做法。每次更新其中一个元素时，都必须同时更新使用该元素的每个组件。这种方法的维护成本很高，并且如果缺少更新，还可能会导致内容不一致。那么 “布局” 就是用来解决这些问题的。
人人都会Blazor —— 1.2 托管模型
不忘初心
11-05 196
通过托管模型的了解，我们需要根据项目的运行场景不同，来选择使用不同的托管模型。
人人都会Blazor—— 3.4 事件处理
不忘初心
11-30 157
某些情况，你可以自定义事件，例如，把和onmouseout给结合起来使用。通常，通过以下步骤启用具有自定义事件参数的自定义事件。在wwwroot/{PackgeId}或{AssemblyName}.lib.module.js创建一个 JS 文件，并有一个导出函数：return {});固定的 JS 文件名称：程序集.lib.module.js 或 包名称.lib.module.js：浏览器能识别的事件，如 click change 等：需要返回与下面事件参数相等的对象。
人人都会的 Blazor —— 1.3 项目结构
不忘初心
11-07 201
作者推荐使用【双 Blazor Server/WebAssembly】的解决方案结构来进行开发，毕竟很多时候，项目会根据当前的市场需求进行变化，这样的话可以根据市场反馈及时做出托管模式的调整和兼容，做到临危不乱，领导自然也就更喜欢这样的下属咯。当然，基于【ASP.NET Core 托管的 WebAssembly】模式也是一个不错的选择。现在，基本的知识已经了解了，那接下来就可以正式进入 Blazor 的世界了。
再学Blazor——概述
knownchen的专栏
10-13 484
Blazor 是一种 .NET 前端 Web 框架，同时支持服务器端呈现和客户端交互性。使用 C# 语言创建丰富的交互式 UI共享前后端应用逻辑可以生成混合桌面和移动应用受益于 .NET 的性能、可靠性和安全性需要有 HTML、CSS、JS 相关基础（开发 UI 框架的话）组件化设计，类似 React、Vue 等前端框架。
Microsoft Blazor——动态内容
寒冰屋的专栏
05-20 1641
目录 介绍 动态内容 用户案例1：动态生成UI 实现——创建项目 实现——定义模型和服务 实现——动态页面 实现——运行 实现——添加控件绑定 概括 下一个挑战——动态内容的自定义控件 如果您不知道页面在开发时的外观，应该根据用户或站点管理员可以动态更改的数据显示页面的内容和页面控件，会发生什么情况？您需要动态生成页面。 从Github下载完整的解决方案 介绍 如果您问我为什么对这项技术感到如此兴奋，我会回答——好吧，因为我讨厌JavaScript（与其他许多语言一样），而这次Mi
人人都会Blazor—— 3.1 路由和导航
不忘初心
11-24 118
导航和路由是最基础且很常用的知识，你可以根据自己的需求去定义路由导航。当然，好的路由设计可以使你的站点看起来更专业，这也是体现你水平的最佳时机。
后端输出二进制数据，前端fetch接受二进制数据，并转化为字符输出
cdcdhj的博客
09-01 418
在这个前端代码中，我们使用fetch API请求PHP脚本，并获取二进制数据。然后，我们将ArrayBuffer转换为字符串，以便在JavaScript中使用。在PHP中，你可以将字符串或其他数据类型转换为二进制数据，并通过HTTP响应发送给前端。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 1353
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
深入理解JavaScript闭包：避免常见的内存泄漏问题
最新发布
官方推荐
09-02 3525
深入理解JavaScript闭包：避免常见的内存泄漏问题
vue3使用-watch监听总结
weixin_44072254的博客
09-01 435
{deep: true, immediate: true, flush: 'post'}：deep是深度监听；flush:如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'，sync'创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发；flush: 'post'， 如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'flush: sync'，创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发。监听数组的方式-示例。
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
xuehai996的博客
08-29 2415
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
KEYSIGHT是德 Infiniium EXR系列 示波器
XLTYQYB的博客
08-29 1427
该系列的所有型号都集成了一个 10 位 ADC，并且在所有通道上同时提供 16 GSa/s 的采样率。高分辨率 ADC 的效用取决于示波器的前端底噪是否足够低以提供与之匹配的额外的量化电平空间。我们的低噪声前 端包含定制 IC，例如 130 纳米 BiCMOS IC（其中集成了用户可选的模拟滤波器），并且带宽可通过软件 许可证升级。使用硬件滤波时，噪声低至 43 μV，系统 ENOB 达到 9.0 位。Infiniium EXR系列 示波器 型号比较。垂直分辨率是 8 位示波器的 4 倍。
vue3+ts封装一个uniapp的自动滚动列表，实现看板效果
qq_51384850的博客
08-31 942
自行配置滚动时间，滚动的高度默认为一行数据的高度，当数据更新的时候，会对新旧数据进行比较，在旧数据的基础上删除解除异常了的数据，将新增异常数据加到数据的最顶部，重新开始从顶部滚动，实现数据在电视机上的实时刷新和展示
前端学习Day36
2401_83657100的博客
08-31 413
同样的将变量和函数组合到了一起并能通过this 实现数据的共享，所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的。就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。我们可以把那些不变的方法，直接定义在 prototype对象上，这样所有对象的实例就可以共享这些方法。构造函数和原型对象中的this 指向构造函数和原型对象中的this都指向实例化的对象。构造函数和原型对象中的this 都指向实例化的对象。构造函数体现了面向对象的封装特性；
使用Blazor Server Side构建图片验证码详解
"本文将详细介绍如何使用Blazor Server Side来实现图片验证码功能，这是一种用于验证用户身份的安全机制。Blazor Server Side是一种基于WebAssembly的框架，允许开发者在浏览器端使用C#进行前端开发。在Blazor中实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叫我 Teacher 周

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值