前面章节,我们实现了父子组件之间的数据传递。大多数时候,我们以组件形式来构建页面的区块,会涉及到组件嵌套的问题。这种情况,很大概率需要将祖先的数据,传递给后代组件去使用。我们当然可以使用父传子的方式,使用属性一级级往下传,但这样真得很麻烦。所以在Vue和Blazor都提供了祖孙传值的方案。有人会问,子传父是不是也可以一级级往上传?当然可以,但绝不要这么去做,应该子传父本身就已经够绕了。如果有这种需
转载 2023-11-02 09:47:19
62阅读
# Blazor 操作 jQuery 的完整指南 ## 介绍 Blazor 是一种新兴的 Microsoft 技术,它允许你使用 C# 来开发现代的 Web 应用。而 jQuery 是一种流行的 JavaScript 库,常用于简化 HTML 文档操作、事件处理、动画和 AJAX 交互。在 Blazor操作 jQuery,虽然有点反直觉,但我们可以通过 JavaScript 互操作来实现。
原创 7月前
27阅读
# BlazorjQuery的结合使用 ## 引言 近年来,Blazor作为一种新的Web开发框架逐渐受到开发者的青睐。它让开发人员能够使用C#而不是JavaScript编写前端代码,这为许多.NET开发者提供了更为熟悉的开发环境。然而,在某些情况下,BlazorjQuery的结合使用能够极大地提升开发效率,尤其是在处理DOM操作和事件时。 本文将介绍BlazorjQuery的基本用法
原创 8月前
38阅读
在这篇博文中,我将带大家一步步探索如何在 Blazor 应用中调用 jQueryBlazor 是 .NET 的一个前端框架,而 jQuery 则是一个流行的 JavaScript 库。将这两者结合可以让我们在 Blazor 中实现一些特定的功能,尤其是在处理 DOM 操作时。 ## 环境准备 为了确保我们能顺利进行 BlazorjQuery 的集成,首先得明确我们的技术栈。以下是一些我
原创 6月前
55阅读
# 在 Blazor 中引入 jQuery 的完整指南 在构建现代化的 Web 应用时,有时会需要使用 jQuery 来处理一些 DOM 操作或实现交互效果。Blazor 是一个强大的框架,它允许我们使用 C# 进行前端开发,但在某些情况下,jQuery 依然是一个不错的选择。本文将向你详细介绍如何在 Blazor 项目中引入 jQuery,以及每一步的具体实现。 ## 引入 jQuery
原创 2024-10-01 09:03:57
43阅读
C#和JS互操作的基本语法是比较简单的,但小知识点特别多,同时,受应用加载顺序、组件生命周期以及参数类型的影响,会有比较多坑,需要耐心的学习。在C#中调用JS的场景会比较多,特别是在WASM模式下,由于WebAssembly的限制,很多时候,还是需要借助JS去控制DOM或BOM,比如WebStorage、WebGL、MediaCapture,还比如使用JS的图表库echart.js。反过来,在JS
转载 2023-11-06 22:49:04
72阅读
首先接触到的是Draggable 插件可以使被选择的元素随着鼠标移动实现拖动 1、首先是默认情况下拖动 Drag me around 点我查看详细html代码 <div class="demo"> <div id="draggable" class="ui-widget-content"> <p>Drag me
转载 2024-03-13 17:50:37
67阅读
# 项目方案:在 Blazor 中引入 jQuery ## 简介 Blazor 是一个由微软开发的 Web 开发框架,它允许使用 .NET 语言来构建客户端应用程序。虽然 Blazor 已经提供了很多内置的功能和组件,但有时候我们仍然需要使用一些第三方库,比如 jQuery。本文将介绍如何在 Blazor 中引入 jQuery,并提供一个完整的项目方案。 ## 步骤 ### 1. 创建新的
原创 2023-08-13 16:12:29
267阅读
jQuery片段:1. /*! 2. * jQuery JavaScript Library v1.3.2 3. * http://jquery.com/ 4. * 5. * Copyright (c) 2009 John Resig 6. * Dual licensed under the MIT and GPL licenses. 7. * http://docs.jq
Blaozr 是由微软2019推出得一种使用.NET 生成交互式客户端得Web UI框架。 该框架利用C#代替JavaScript进行创建UI , 并且可以共享.NET编写的服务端和客户端业务代码。优势:1 使用C#代替JavaScript编写代码, 意味着, 如果你使用的是.Net进行编写服务端(例:ASP.NET Core WebApi) 或者是 客户端(WPF/Winform), 那么可以共
# Blazor 如何执行 jQuery 代码 Blazor 是一个基于 .NET 的前端框架,它允许开发者使用 C# 编写客户端代码。但在某些情况中,开发者可能需要借助 jQuery 来实现一些复杂的 DOM 操作或第三方插件的集成。本文将详细介绍如何在 Blazor 中执行 jQuery 代码,并通过一个具体的实例展示其应用。 ### 需求背景 假设我们想要在 Blazor 应用中展示一
原创 2024-09-09 07:07:07
48阅读
# 如何在 Blazor 中封装 MySQL 操作类 在这篇文章中,我将教你如何在 Blazor 中封装 MySQL 操作类,帮助你更好地管理和操作数据库。我们将逐步通过创建一个简单的示例,具体包括连接 MySQL 数据库、执行基本的 CRUD 操作(创建、读取、更新、删除),以及将这些操作封装进一个服务类中。下面是整个流程的概览。 ## 操作步骤概览 | 步骤 | 操作内容
原创 9月前
160阅读
# Blazor Server 引用 jQuery 扩展函数的实用指南 Blazor 是一种新的 web 开发框架,允许开发者使用 C# 进行前端开发,而不是传统的 JavaScript。尽管 Blazor 提供了强大的功能和优雅的组件模型,但在某些情况下,你可能仍然需要使用 jQuery 来增强页面的交互性。本文将介绍如何在 Blazor Server 项目中引用 jQuery,并使用 jQu
原创 9月前
42阅读
2019年9月23——25日 .NET Core 3.0即将在.NET Conf上发布! .NET Core的发布及成熟重燃了.net程序员的热情和希望,一些.net大咖也在积极的为推动.NET Core而不懈的努力。在这次.NET Core 3.0中一项新的技术也首次出现在人们的视野,这就是Blazor。说起Blazor也许许多人并不知晓,但这几年一片热火朝天的Angular,React,Vue
转载 2023-10-13 19:17:47
52阅读
dotnet watch run debug 自动编译 ...
转载 2021-10-14 14:07:00
116阅读
2评论
ant-design-blazor 是 Ant Design 的 Blazor 实现,开发和服务于企业级后台产品。
转载 2021-08-04 11:10:50
1383阅读
什么是Blazor? Blazor的优势和用途简介Blazor是一种基于WebAssembly的开源框架,它允许开发人员使用C#语言编写Web应用程序。Blazor可以在浏览器中运行C#代码,而无需使用JavaScript。该框架由微软开发,旨在提供一种现代化的Web开发方式,使开发人员能够使用他们已经熟悉的语言和工具来构建Web应用程序。Blazor的优势Blazor的主要优势在于允许开发人员使
转载 2024-04-09 14:23:23
118阅读
创建 Blazor 项目创建新的 Blazor WebAssembly App将其命名为BlazerWithTSInterop在您选择的目录中。仅使用 .NET 6.0 客户端,无安全性且无 PWA。CTRL+F5 在热重载模式下生成和运行。总结已经创建了一个准备演示 JavaScript 互操作演练的项目。忽略模板附带的“计数器”和“获取数据”页。此演示将仅使用主页。实现 JavaScript
转载 2023-09-13 10:36:26
94阅读
创建razor组件 "/test" 对应url地址 @page "/test" <h3>Test</h3> @code { } 路由参数 1. @page "/test/{name}" <h3>Test @name </h3> @code { [Parameter] public string? n
原创 2022-12-08 14:51:15
53阅读
Blazor 基础知识IntroBlazor 是微软在 .NET 里推出的一个 WEB 客户端 UI 交互的框架,使用 Blazor 你可以代替 JavaScript 来实现自己的页面交互逻辑,可以很大程度上进行 C# 代码的复用,Blazor 对于 .NET 开发人员来说是一个不错的选择。托管模型Blazor 有两种托管模式,一种是 Blazor Server 模式,基于 asp.net cor
转载 6月前
34阅读
  • 1
  • 2
  • 3
  • 4
  • 5