Blazor
文章平均质量分 51
xxxxxue
快乐的小码农
展开
-
.NET C# Blazor 使用Viewer.js完成图片的大图查看
效果图环境.NET 6代码_Layout.cshtml通过CDN引入插件<!--github仓库地址: https://github.com/fengyuanchen/viewerjs--> <script src="https://cdn.jsdelivr.net/npm/viewerjs@1.10.4/dist/viewer.min.js"></script> <!--自己的js代码--> <script src="js/原创 2022-03-04 13:14:25 · 1188 阅读 · 0 评论 -
.NET C# Blazor 实现显示与服务器的Ping延迟
最终效果画界面Ping.razor<p style="position:fixed;left: 50%;top:0px;z-index:9999;color:greenyellow"> Ping: <span id="ping">50</span>ms</p>@code { // 暴露给js一个可以调用的方法, 随便返回一个值 // 在Blazor Server中所有的C#代码都是服务端运行, // js代码在客户端浏览器运行.原创 2022-03-02 14:12:34 · 743 阅读 · 0 评论 -
.NET C# Blazor 服务端渲染Markdown
环境.NET 6BlazorMarkdig ---- (C#处理Markdown)Prism.js ---- (代码高亮)Content.razor 组件导入依赖@inject IJSRuntime JsRuntime;@using Markdig;界面代码line-numbers 是一个Prismjs 的行号插件,更多插件到Prismjs官方查看使用方法<div class="line-numbers"> @{ if (HasXss)原创 2022-02-15 20:49:11 · 839 阅读 · 0 评论 -
.NET C# Blazor 判断是Server或wasm模式
using Microsoft.JSInterop;namespace BootstrapBlazorApp.Shared.Utils;public class MyUitls{ private IJSRuntime _JsRuntime { get; set; } public MyUitls(IJSRuntime jSRuntime) { _JsRuntime = jSRuntime; } // wasm模式 public boo原创 2022-03-02 13:37:34 · 623 阅读 · 0 评论 -
.NET C# Blazor 实现一个在线人数的功能
最终效果画页面OnlineUserCount.razor<p style="margin-bottom:0" @onclick="()=>{ IsShowOnlineUserList = !IsShowOnlineUserList;}"> <span style="color:red;">@OnlineCount</span>人正在浏览这篇文章</p>@{ if (IsShowOnlineUserList)原创 2022-03-02 13:51:13 · 457 阅读 · 0 评论