567 字 1 分钟

js 里很好控制，修改 textarea 元素的 scrollTop 属性即可。Blazor 里没提供 api 获取 dom，那么就直接调用写好的 js 方法。 Host.cshtml/index.html l<script>function accessDOMElement() { var btn; // access DOM here btn = document.getElementById('btn'); btn.innerText = "Button...
512 字 1 分钟

直接上代码 r@page "/" <h1>Timer</h1> <p>@counter</p><button @onclick="StartTimer">Start</button> @code { private static System.Timers.Timer aTimer; private int counter = 60; public void StartTimer() { aTimer...
2.5k 字 2 分钟

TimeSpan结构：表示一个时间间隔。 它含有以下四个构造函数： TimeSpan(Int64) 将 TimeSpan 结构的新实例初始化为指定的刻度数。 （DateTime.Tick: 是计算机的一个计时周期，单位是一百纳秒，即一千万分之一秒） TimeSpan(Int32, Int32, Int32) 将 TimeSpan 结构的新实例初始化为指定的小时数、分钟数和秒数。 TimeSpan(Int32, Int32, Int32, Int32) 将 TimeSpan 结构的新实例初始化为指定的天数、小时数、分钟数和秒数。 TimeSpan (Int32,Int3 效果为：2,...
8k 字 7 分钟

在使用 Blazor 时，避免不了要进行组件间通信，组件间的通信大致上有以下几种： (1) 父、子组件间通信； (2) 多级组件组件通信，例如祖、孙节点间通信； (3) 非嵌套组件间通信。 # 父、子组件间通信 父、子组件间通信分为两类：父与子通信、子与父通信。 # 父与子通信 父与子通信是最为简单的，直接通过数据绑定即可实现： Self1.razor r <div class="bg-white p-3" style="color: #000;"> <h3>Self1</h3>...
9.3k 字 8 分钟

本文演示如何使用 System.Text.Json 命名空间向 / 从 JavaScript 对象表示法 (JSON) 进行序列化和反序列化。 本文参考：https://learn.microsoft.com/zh-cn/dotnet/standard/serialization/system-text-json/how-to?pivots=dotnet-6-0 # 命名空间 pusing System.Text.Json;using System.Text.Json.Serialization;# 最简单将.NET 对象编写为...
1.6k 字 1 分钟

css3 给我们前端开发带来了很便利，我们可以使用 css3 的新特性实现各种形状和动效，接下来笔者就来带大家介绍如何用 css3 实现水波动画. 接下来我们来研究实现原理和实现方式. # 动画拆解 要想用纯 css 实现曲线，我们第一反应就是用 border-radius 这个属性，比如说实现一个圆，我们只需要如下设置: s.circle { border-radius: 50%;}实现椭圆，扇形，半椭圆这些，只需要设置不同边的圆角即可，如下: s.circle { border-radius: 50% 100% 40%...
1k 字 1 分钟

# 应用场景： 1. 双色背景 2. 通过变量控制 div 容器内占满多少（常用于电量，加载，容量等场景） # 实现方式一：通过背景图片和 background-size 属性来控制 这种方式简单方便，缺点是只能通过图片来做，背景色 background-size 不生效。 并且注意 background-size 属性需要放在 background 之后才生效。 l<html><head><style>#example1 { border: 2px solid black; padding: 25px;...
1.6k 字 1 分钟

就是做一个一条线在周围转啊转的效果 参考： 传送门 1 传送门 2 传送门 3 以上特效，f12 均可查看实现方式，甚至有的可以下载源码。 下面我把我做的边框流光特效实现贴出来，以便日后 ctrl CV l<li v-for="(item,index) in indoorParams" :key="index"> //其他代码。。。 <div class="animate-border"> <i></i>...
1.9k 字 2 分钟

# CSS 实现布局中的发光边框（使用伪元素 + 渐变色） 该效果可以用在自己布局网站时，对小盒子的边框进行特效设计，本特效设计参考了一位 B 站 up 主的教程，链接附在文末，对做酷炫布局有一定的帮助。 # 1. 发光效果图： # 2. 源码解析： html: l<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
3.8k 字 3 分钟

实际项目当中经常会有很多重复使用的组件，它们具有相同的布局，只是填充的内容不一样，如果不停的复制粘贴也是件费劲的事情，而且也不好维护和更新，这时候就可以考虑使用模板化组件。 比如以下 Bootstrap 自带的 Card 组件： 红色框的部分就是公共的部分，我们可以把她们封装到模板化组件里。 # RENDERFRAGMENT 模板化组件需要用到 RenderFragment 类型的参数。对于上面的例子，我们可以分成 Header 和 Body 两个部分，如下： r<!--Card 组件 --><div class="card"...