当前位置： 首页 > news >正文

蓝桥杯 web 展开你的扇子（css3）

news 来源：原创 2025/8/22 18:36:19

普通答案：

#box:hover #item1{transform: rotate(-60deg);
}
#box:hover #item2{transform: rotate(-50deg);
}
#box:hover #item3{transform: rotate(-40deg);
}
#box:hover #item4{transform: rotate(-30deg);
}
#box:hover #item5{transform: rotate(-20deg);
}
#box:hover #item6{transform: rotate(-10deg);
}
#box:hover #item12{transform: rotate(60deg);
}
#box:hover #item11{transform: rotate(50deg);
}
#box:hover #item10{transform: rotate(40deg);
}
#box:hover #item9{transform: rotate(30deg);
}
#box:hover #item8{transform: rotate(20deg);
}
#box:hover #item7{transform: rotate(10deg);
}

1. 选择器解析

#box:hover #item6 {transform: rotateZ(-10deg);
}
(1) #box:hover
  • #box 是一个 ID 选择器，表示选中 HTML 中 id="box" 的元素。
  • :hover 是一个伪类，表示当用户将鼠标悬停在该元素上时应用样式。
  • #box:hover 的意思是：当鼠标悬停在 id="box" 的元素上时，触发相关的样式规则。
(2) #item6
  • #item6 是另一个 ID 选择器，表示选中 HTML 中 id="item6" 的元素。
  • #box:hover #item6 表示：当鼠标悬停在 #box 上时，选中 #box 内部的 #item6 元素。

2. 样式规则

transform: rotateZ(-10deg);
(1) transform 属性
  • transform 是一个 CSS 属性，用于对元素进行变换操作（如旋转、缩放、移动等）。
  • 在这里，transform 被用来对 #item6 进行旋转。
(2) rotateZ(-10deg)
  • rotateZ 是 transform 的一个函数，表示围绕 Z 轴旋转。
  • -10deg 表示逆时针旋转 10 度（负值为逆时针，正值为顺时针）。
  • 因此，rotateZ(-10deg) 的意思是：让 #item6 元素围绕 Z 轴逆时针旋转 10 度。

 如果你不指定旋转轴（如 rotateX, rotateY, 或 rotateZ），则默认是围绕 Z 轴进行旋转。这意味着单独使用 rotate 实际上等同于 rotateZ。

扩展：js 做法

box.onmouseover = () => { for(let i = 1; i <=6; i++ ) { let item = document.querySelector(`#item${i}`) item.style.transform = `rotate(${-60+(i-1)*10}deg)` console.log(item) } for(let i = 7; i <=12; i++ ) { let item = document.querySelector(`#item${i}`) item.style.transform = `rotate(${(i-6)*10}deg)` console.log(item) }

代码逐行解析

1. box.onmouseover = () => { ... }
  • 这是一个事件绑定，表示当用户将鼠标悬停在 box 元素上时，执行后面的箭头函数。
  • onmouseover 是原生 DOM 的事件属性，类似于 addEventListener('mouseover', ...)。
2. 第一个 for 循环
for (let i = 1; i <= 6; i++) {let item = document.querySelector(`#item${i}`);item.style.transform = `rotate(${-60 + (i - 1) * 10}deg)`;console.log(item);
}
(1) for (let i = 1; i <= 6; i++)
  • 循环从 i = 1 开始，到 i = 6 结束，总共循环 6 次。
  • 每次循环处理一个 #itemX 元素（#item1 到 #item6）。
(2) let item = document.querySelector(#item${i})
  • 使用模板字符串 `#item${i}` 动态生成选择器，例如：
    • 当 i = 1 时，选择器为 #item1。
    • 当 i = 2 时，选择器为 #item2。
  • document.querySelector 返回匹配该选择器的第一个 DOM 元素。
(3) item.style.transform = rotate(${-60 + (i - 1) * 10}deg)``
  • 设置 item 元素的 transform 样式，使其旋转一定的角度。
  • -60 + (i - 1) * 10 是一个数学表达式，用于计算旋转角度：
    • 当 i = 1 时：-60 + (1 - 1) * 10 = -60，即旋转 -60deg。
    • 当 i = 2 时：-60 + (2 - 1) * 10 = -50，即旋转 -50deg。
    • 当 i = 3 时：-60 + (3 - 1) * 10 = -40，即旋转 -40deg。
    • 以此类推，直到 i = 6 时，旋转角度为 -10deg。
(4) console.log(item)
  • 打印当前处理的 item 元素，方便调试和查看是否正确选择了目标元素。
3. 第二个 for 循环
for (let i = 7; i <= 12; i++) {let item = document.querySelector(`#item${i}`);item.style.transform = `rotate(${(i - 6) * 10}deg)`;console.log(item);
}
(1) for (let i = 7; i <= 12; i++)
  • 循环从 i = 7 开始，到 i = 12 结束，总共循环 6 次。
  • 每次循环处理一个 #itemX 元素（#item7 到 #item12）。
(2) let item = document.querySelector(#item${i})
  • 同第一个循环，动态生成选择器并获取对应的 DOM 元素。
(3) item.style.transform = rotate(${(i - 6) * 10}deg)``
  • 设置 item 元素的 transform 样式，使其旋转一定的角度。
  • (i - 6) * 10 是一个数学表达式，用于计算旋转角度：
    • 当 i = 7 时：(7 - 6) * 10 = 10，即旋转 10deg。
    • 当 i = 8 时：(8 - 6) * 10 = 20，即旋转 20deg。
    • 当 i = 9 时：(9 - 6) * 10 = 30，即旋转 30deg。
    • 以此类推，直到 i = 12 时，旋转角度为 60deg。
(4) console.log(item)
  • 同第一个循环，打印当前处理的 item 元素。

相关文章：

蓝桥杯 web 展开你的扇子（css3）

普通答案&#xff1a; #box:hover #item1{transform: rotate(-60deg); } #box:hover #item2{transform: rotate(-50deg); } #box:hover #item3{transform: rotate(-40deg); } #box:hover #item4{transform: rotate(-30deg); } #box:hover #item5{transform: rotate(-20deg); }…...

编程日记 2025/8/22 18:36:19

【Kubernetes】StorageClass 的作用是什么？如何实现动态存储供应？

StorageClass 使得用户能够根据不同的存储需求动态地申请和管理存储资源。 StorageClass 定义了如何创建存储资源&#xff0c;并指定了存储供应的配置&#xff0c;例如存储类型、质量、访问模式等。为动态存储供应提供了基础&#xff0c;使得 Kubernetes 可以在用户创建 PVC 时…...

编程日记 2025/8/21 20:15:53

4月7号.

双列集合的特点: Map中的常见API: //1.创建Map集合的对象 Map<String, String> m new HashMap<>();//2.添加元素 Stringvalue1 m.put("郭靖","黄蓉"); System.out.println(value1); m.put("韦小宝","沐剑屏"); m.put(&q…...

编程日记 2025/8/20 6:47:55

C++抽卡模拟器

近日在学校无聊&#xff0c;写了个抽卡模拟器供大家娱乐。 代码实现以下功能&#xff1a;抽卡界面&#xff0c;抽卡判定、动画播放、存档。 1.抽卡界面及判定 技术有限&#xff0c;不可能做的和原神一样精致。代码如下&#xff08;注&#xff1a;这不是完整代码&#xff0c;…...

编程日记 2025/8/21 1:43:20

蓝桥杯 2. 开赛主题曲【算法赛】

2.开赛主题曲【算法赛】 - 蓝桥云课 这道题和3. 无重复字符的最长子串 - 力扣&#xff08;LeetCode&#xff09;类似&#xff0c;因为题目中规定只有小写字母&#xff0c;所以定义统计数组时只需要定义26个字母即可&#xff0c;然后每次遍历的字符减去‘a’即为他的下标 impo…...

编程日记 2025/8/22 18:27:04

Spring Boot 中的 Bean

2025/4/6 向全栈工程师迈进&#xff01; 一、Bean的扫描 在之前&#xff0c;对于Bean的扫描&#xff0c;我们可以在XML文件中书写标签&#xff0c;来指定要扫描的包路径&#xff0c;如下所示,可以实通过如下标签的方式&#xff1a; <context:component-scan base-package&…...

编程日记 2025/8/21 22:07:40

基于springboot科研论文检索系统的设计(源码+lw+部署文档+讲解)，源码可白嫖!

摘要 随着我国经济的高速发展与人们生活水平的日益提高&#xff0c;人们对生活质量的追求也多种多样。尤其在人们生活节奏不断加快的当下&#xff0c;人们更趋向于足不出户解决生活上的问题&#xff0c;线上管理系统展现了其蓬勃生命力和广阔的前景。与此同时&#xff0c;在此…...

编程日记 2025/8/19 19:23:08

Mysql入门

一、数据库三层结构 所谓安装Mysql数据库&#xff0c;就是在主机安装一个数据库管理系统(DBMS)&#xff0c;这个管理程序可以管理多个数据库。DBMS(database manage system)一个数据库中可以创建多个表&#xff0c;以保存数据(信息)。数据库管理系统(DBMS)、数据库和表的关系如…...

编程日记 2025/8/22 18:34:26

如何解决uniapp打包安卓只出现功能栏而无数据的问题

如何解决uniapp打包安卓只出现功能栏而无数据的问题 经验来自&#xff1a;关于Vue3中调试APP触发异常&#xff1a;exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案 - 甲辰哥来帮你算命 - 博客…...

编程日记 2025/8/19 21:26:55

Python高级爬虫之JS逆向+安卓逆向1.1节-搭建Python开发环境

目录 引言&#xff1a; 1.1.1 为什么要安装Python? 1.1.2 下载Python解释器 1.1.3 安装Python解释器 1.1.4 测试是否安装成功 1.1.5 跟大神学高级爬虫安卓逆向 引言&#xff1a; 大神薯条老师的高级爬虫安卓逆向教程&#xff1a; 这套爬虫教程会系统讲解爬虫的初级&…...

编程日记 2025/8/17 23:06:39

剖析Mybatis中用到的设计模式

框架对很多设计模式的实现&#xff0c;都并非标准的代码实现&#xff0c;都做了比较多的自我改进。实际上&#xff0c;这就是所谓的灵活应用, 只借鉴不照搬, 根据具体问题针对性地去解决。 涉及到Mybatis源码知识和设计模式&#xff0c;这点我之前的博客均有涉及。 可以查看我的…...

编程日记 2025/8/22 12:35:08

MySQL 函数（入门版）

目录 一、字符串函数 1、常用的字符串函数 2、函数演示 3、具体案例 二、数值函数 1、常用的数值函数 2、函数演示 3、具体案例 三、日期函数 1、常用的日期函数 2、函数演示 3、具体案例 四、流程函数 1、常用的流程函数 2、函数演示 3、具体案例 在MySQL中&a…...

编程日记 2025/8/22 8:25:47

d202546

目录 一、罗马字符转数字 二、二叉树的右视图 三、sql-查询结果的质量和占比 一、罗马字符转数字 首先把两个字符组成一个数字做一下单独判断 然后就是单个字符转数字 public int romanToInt(String s) {int sum 0;char[] ch s.toCharArray();int i 0;while(i < ch.len…...

编程日记 2025/8/18 11:34:02

洛谷每日1题-------Day37__P1634 禽兽的传染病

题目背景 mxj 的启发。 题目描述 禽兽患传染病了。一个禽兽会每轮传染 x 个禽兽。试问 n 轮传染后有多少禽兽被传染&#xff1f; 输入格式 两个非负整数 x 和 n。 输出格式 一个整数&#xff0c;即被传染的禽兽数。 输入输出样例 输入 #1复制 10 2 输出 #1复制 121…...

编程日记 2025/8/22 18:34:24

c语言修炼秘籍 - - 禁(进)忌(阶)秘(技)术(巧)【第五式】动态内存管理

c语言修炼秘籍 - - 禁(进)忌(阶)秘(技)术(巧)【第五式】动态内存管理 【心法】 【第零章】c语言概述 【第一章】分支与循环语句 【第二章】函数 【第三章】数组 【第四章】操作符 【第五章】指针 【第六章】结构体 【第七章】const与c语言中一些错误代码 【禁忌秘术】 【第一式…...

编程日记 2025/8/22 18:32:15

理解进程和线程的概念

在操作系统中&#xff0c;进程和线程都是执行的基本单位&#xff0c;但它们在性质和管理方面有所不同 进程 定义: 进程是一个正在运行的程序的实例&#xff0c;是操作系统资源分配的基本单位。特点: 独立性&#xff1a;每个进程有其独立的内存空间、数据栈和其他辅助数据。重…...

编程日记 2025/8/22 18:36:18

【项目管理】第2章 信息技术发展 --知识点整理

Oracle相关文档，希望互相学习，共同进步 风123456789～-CSDN博客 （一）知识总览 对应：第1章-第5章 （二）知识笔记 二、信息技术的发展 1. 信息技术及其发展 1）计算机软硬件 计算机硬件由电子机械、光电元件等组成的物理装置，提供物质基础给计算机软件运行。软件包括程…...

编程日记 2025/8/19 21:26:44

docker部署rabbitmq

拉取镜像 docker pull rabbitmq:managementmanagement 标签表示包含管理插件&#xff0c;可以通过 Web 界面管理 RabbitMQ 启动容器 docker run --restartalways -d --name rabbitmq \-p 9004:5672 -p 9005:15672 \-e RABBITMQ_DEFAULT_USERrabbitmq \-e RABBITMQ_DEFAULT_P…...

编程日记 2025/8/22 18:36:18

手搓多模态-03 顶层和嵌入层的搭建

声明&#xff1a;本代码非原创&#xff0c;是博主跟着国外大佬的视频教程编写的&#xff0c;本博客主要为记录学习成果所用。 我们首先开始编写视觉模型这一部分&#xff0c;这一部分的主要功能是接收一个batch的图像&#xff0c;并将其转化为上下文相关的嵌入向量&#xff0c;…...

编程日记 2025/8/22 18:34:25

计算机系统---UEFI（统一可扩展固件接口）

一、UEFI定义与历史背景 UEFI&#xff08;Unified Extensible Firmware Interface&#xff09; 是替代传统BIOS的新一代固件接口标准&#xff0c;由UEFI论坛&#xff08;前身是Intel的EFI论坛&#xff09;制定&#xff0c;旨在解决BIOS在现代硬件和操作系统下的局限性。 设计…...

编程日记 2025/8/22 18:32:17

2025年渗透测试面试题总结-某四字大厂面试复盘扩展 二面 （题目+回答）

网络安全领域各种资源&#xff0c;学习文档&#xff0c;以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具&#xff0c;欢迎关注。 目录 某四字大厂面试复盘 二面 一、文件上传绕过WAF的15种深度技巧 二、SSRF利用与WAF绕过的8种高阶手法 …...

编程日记 2025/8/17 23:22:06

基于BP神经网络的杂草智能识别系统（杂草识别、Python项目）

基于BP神经网络的杂草智能识别系统 项目介绍 本项目是一个基于PyQt5和BP神经网络的杂草智能识别系统。系统通过图像处理和神经网络技术&#xff0c; 能够识别8种不同的杂草类别。用户可以通过上传图片&#xff0c;系统会自动识别图片中的杂草类别&#xff0c;并显示识别结果和…...

编程日记 2025/8/22 18:34:25

Java的Selenium的特殊元素操作与定位之时间日期控件

分为两种情况: 控件没有限制手动输入&#xff0c;则直接调用sendKeys方法写入时间数据 //时间日期控件处理 chromeDriver.get ("https://www,fliggy,com/?ttidsem.000000736&hlreferidbaidu.082076&route sourceseo"); chromeDriver.findElement (By.xpat…...

编程日记 2025/8/22 18:29:04

深入理解矩阵乘积的导数：以线性回归损失函数为例

深入理解矩阵乘积的导数&#xff1a;以线性回归损失函数为例 在机器学习和数据分析领域&#xff0c;矩阵微积分扮演着至关重要的角色。特别是当我们涉及到优化问题&#xff0c;如最小化损失函数时&#xff0c;对矩阵表达式求导变得必不可少。本文将通过一个具体的例子——线性…...

编程日记 2025/8/22 18:30:08

基于大数据的美团外卖数据可视化分析系统

【大数据】基于大数据的美团外卖数据可视化分析系统 &#xff08;完整系统源码开发笔记详细部署教程&#xff09;✅ 目录 一、项目简介二、项目界面展示三、项目视频展示 一、项目简介 该系统通过对海量外卖数据的深度挖掘与分析&#xff0c;能够为美团外卖平台提供运营决策支…...

编程日记 2025/8/22 18:32:17

TypeScript 类型系统详解

基础类型​ TypeScript 支持丰富的基础数据类型&#xff0c;涵盖number、string、boolean、null、undefined、symbol以及bigint。这些类型为构建可靠的代码提供了基石。​ 数值类型&#xff08;number&#xff09;&#xff1a;在 TypeScript 里&#xff0c;所有数字均为浮点数…...

编程日记 2025/8/22 18:29:04

【学Rust写CAD】33 近似 Alpha 混合函数(argb.rs补充方法）

源码 #[inline]pub fn over(self, dst: Argb) -> Argb {let a 256 - self.alpha32();let rb (dst.rb() * a) >> 8;let ag dst.ag() * a;Argb(self.0 (rb & Argb::MASK) | (ag & !Argb::MASK))}源码分析 这段代码实现了一个近似 Alpha 混合&#xff08;“…...

编程日记 2025/8/22 18:22:48

4.3-4.6学习总结 Java：Set系列集合+双列集合+Map

Set系列集合&#xff1a; 元素是唯一的。 HashSet&#xff1a; 哈希值&#xff1a; 如果没有重写hashcode方法和equals方法&#xff0c;那么哈希值是根据地址值计算的。 LinkedHashSet&#xff1a; TreeSet底层为红黑树。 红黑树&#xff1a;两个红色节点不能相连。 双列集合&…...

编程日记 2025/8/22 18:29:05

深信服护网蓝初面试题

《网安面试指南》https://mp.weixin.qq.com/s/RIVYDmxI9g_TgGrpbdDKtA?token1860256701&langzh_CN 5000篇网安资料库https://mp.weixin.qq.com/s?__bizMzkwNjY1Mzc0Nw&mid2247486065&idx2&snb30ade8200e842743339d428f414475e&chksmc0e4732df793fa3bf39…...

编程日记 2025/8/22 18:29:05

2011-2019年各省地方财政商业服务业等事务支出数据

2011-2019年各省地方财政商业服务业等事务支出数据 1、时间&#xff1a;2007-2019年 2、来源&#xff1a;国家统计局、统计年鉴 3、指标&#xff1a;行政区划代码、地区、年份、地方财政商业服务业等事务支出 4、范围&#xff1a;31省 5、指标说明&#xff1a;地方财政在商…...

编程日记 2025/8/22 18:30:08

InfoSec Prep: OSCP靶场渗透

InfoSec Prep: OSCP InfoSec Prep: OSCP ~ VulnHubInfoSec Prep: OSCP, made by FalconSpy. Download & walkthrough links are available.https://www.vulnhub.com/entry/infosec-prep-oscp,508/ 1&#xff0c;将两台虚拟机网络连接都改为NAT模式 2&#xff0c;攻击机上做…...

编程日记 2025/8/22 18:30:06

【Kubernetes】Kubernetes 如何管理存储？PV 和 PVC 是如何工作的？

在 Kubernetes 中&#xff0c;存储管理是通过 Persistent Volume (PV) 和 Persistent Volume Claim (PVC) 来实现的。 它们为容器化应用提供持久化存储&#xff0c;使得应用在重启或重新调度时仍然能够访问数据。 1. 存储管理概述 Kubernetes 的存储管理是基于 持久化卷 (Pe…...

编程日记 2025/8/22 18:34:26

CasaOS小主机本地安装1Panel运维面板结合内网穿透移动端远程运维

文章目录 前言1. 添加镜像源2. 部署1Panel3. 本地访问测试4. 安装内网穿透工具5. 配置公网地址6. 配置固定公网地址 前言 小伙伴们&#xff0c;是不是一想到要远程管理服务器就头大如斗&#xff1f;特别是没有公网IP或路由器设置复杂时&#xff0c;简直让人抓狂&#xff01;但…...

编程日记 2025/8/22 18:24:53

BGP路由协议之属性2

Orgin 起源 公认必遵属性 起源名称标记描述IGPi如果路由是由始发的 BGP 路由器使用 network 命令注入到 BGP 的&#xff0c;那么该 BGP 路由的 origin 属性为 IGPEGPe如果路由是通过 EGP 学习到的&#xff0c;那么该 BGP 路由的 Origin 属性为 EGPIncomplete?如果路由是通过…...

编程日记 2025/8/19 7:20:44

HttpClient（笔记）

介绍&#xff1a; 发送请求的步骤&#xff1a; 发送get类型的请求&#xff1a; 发送post类型的请求&#xff1a;...

编程日记 2025/8/18 0:23:27

【简历全景认知】简历的历史演变与当代定位：从羊皮卷到算法博弈的艺术

引言：时间维度下的求职凭证。 当古埃及工匠在莎草纸上记录自己的技能时，他们不会想到这份"技能清单"会在四千年后演变成LinkedIn上的数字档案。简历作为个人职业身份的载体，其演变史就是一部微观的人力资源配置史。从手写推荐信到ATS系统解析的PDF，每一次形式变…...

编程日记 2025/8/17 23:36:43

ERP系统五大生产模式概述

制造业中，选择合适的生产模式是企业高效运营的关键。 以下是ERP系统支持的五大核心生产模式及其特点总结： 1. MTS（按库存生产） - 定义：先生产后销售，基于需求预测提前备货。 - 适用场景：需求稳定、标准化程度高的产品（如日用品、家电）。 - 优点：交货快、生产…...

编程日记 2025/8/17 23:51:47

003 vue生命周期和钩子函数

文章目录 1.Vue实例有一个完整的生命周期&#xff0c;也就是说从开始创建、初始化数据、编译模板、挂载DOM、渲染-更新-渲染、卸载等一系列过程&#xff0c;称之为Vue实例的生命周期 2.钩子函数&#xff08;监听函数&#xff09;&#xff1a;Vue实例在完整的生命周期过程中&…...

编程日记 2025/8/17 22:20:11

学透Spring Boot — 016. 魔术师 - Spring MVC Conversion Service 类型转换

本文是我的《学透Spring Boot》专栏的第16篇文章&#xff0c;了解更多请移步我的专栏&#xff1a; Postnull的专栏《学透Spring Boot》 目录 遇到问题 日期格式的转换 实现需求 创建转换器 注册转换器 编写Controller 访问测试 存在的问题 解决问题 源码分析 总结 …...

编程日记 2025/8/20 2:26:55

Ubuntu 22 Linux上部署DeepSeek R1保姆式操作详解（Xinference方式）

一、安装步骤 1.基础环境安装 安装显卡驱动、cuda&#xff0c;根据自己硬件情况查找相应编号&#xff0c;本篇不介绍这部分内容&#xff0c;只给出参考指令&#xff0c;详情请读者自行查阅互联网其它参考资料。 sudo apt install nvidia-utils-565-server sudo apt install…...

编程日记 2025/8/21 18:52:03

C语言查漏补缺:占位符篇

占位符篇 1. 整数类型2. 字符类型3. 浮点数类型4. 指针类型5. 字符串6. 修饰符 1. 整数类型 %d / %i&#xff1a;用于 int&#xff08;有符号十进制整数&#xff09;。int num -42; printf("%d", num); // 输出: -42%u&#xff1a;用于 unsigned int&#xff08;无…...

编程日记 2025/8/17 22:20:03

springcloud现常用的组件都有哪些，如何使用

Spring Cloud是一个用于构建分布式系统的开源框架&#xff0c;它提供了多个常用的组件来简化分布式系统的开发和部署。以下是Spring Cloud中常用的一些组件&#xff1a; Spring Cloud Config&#xff1a;用于集中式管理配置&#xff0c;并提供配置的动态刷新功能。Spring Clou…...

编程日记 2025/8/20 10:22:48

Vue3响应式引擎解密：从依赖追踪到性能调优的深度之旅

一、响应式内核架构演进 1.1 响应式范式升级 1.2 新旧架构性能对比 操作类型Vue2(ms)Vue3(ms)提升幅度深对象初始化8502203.86x数组操作响应120186.67x嵌套属性访问340655.23x批量更新响应210326.56x 二、依赖追踪机制剖析 2.1 依赖收集实战案例 // 数据模型const state r…...

编程日记 2025/8/21 5:27:06

主流程发起，去除子流程的时长计算问题

问题&#xff1a; 有三个流程&#xff0c;流程1.2.3&#xff0c;流程2.3是流程1的子流程&#xff0c;若在流程1的过程中发起流程2.3&#xff0c;计算流程1的时长要排除流程2.3的时间&#xff0c;流程2.3之间可能是包含、交集、无交集三种。 实现 代码&#xff1a; import jav…...

编程日记 2025/8/20 2:26:58

Java 8 到 Java 21 系列之 新日期时间API：精确的时间管理（Java 8）

Java 8 到 Java 21 系列之 新日期时间API&#xff1a;精确的时间管理&#xff08;Java 8&#xff09; 系列目录 Java8 到 Java21 系列之 Lambda 表达式&#xff1a;函数式编程的开端&#xff08;Java 8&#xff09;Java 8 到 Java 21 系列之 Stream API&#xff1a;数据处理的…...

编程日记 2025/8/22 16:54:31

【LeetCode】在每个树行中找最大值（DFS 深度优先搜索）

&#x1f4cc;题目链接&#xff1a;LeetCode 515. 在每个树行中找最大值 题目描述 给定一棵二叉树的根节点 root&#xff0c;请找出该二叉树中每一层的最大值。 示例 示例 1 输入: root [1,3,2,5,3,null,9] 输出: [1,3,9]示例 2 输入: root [1,2,3] 输出: [1,3]思路分析 …...

编程日记 2025/8/17 1:58:11

深度学习中模型量化那些事

在深度学习中模型量化可以分为3块知识点&#xff0c;数据类型、常规模型量化与大模型量化。本文主要是对这3块知识点进行浅要的介绍。其中数据类型是模型量化的基本点。常规模型量化是指对普通小模型的量化实现&#xff0c;通常止步于int8的量化&#xff0c;绝大部分推理引擎都…...

编程日记 2025/8/22 15:24:03

手写JSX实现虚拟DOM

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 &#x1f35a; 蓝桥云课签约作者、…...

编程日记 2025/8/17 23:54:15

Redis的Spring客户端的使用

Redis 的 Spring 客户端使用 前面使用 Jedis 时, 是借助 Jedis 对象中的各种方法来对 Redis 进行操作. 而在 Spring 框架中, 则是通过 StringRedisTemplate 来操作 Redis. 最开始提供的类是 RedisTemplate, StringRedisTemplate 是 RedisTemplate 的子类, 专门用于处理文本数据…...

编程日记 2025/8/19 4:49:48

7.4 SVD 的几何背景

一、SVD 的几何解释 SVD 将矩阵分解成三个矩阵的乘积&#xff1a; ( 正交矩阵 ) ( 对角矩阵 ) ( 正交矩阵 ) (\pmb{正交矩阵})\times(\pmb{对角矩阵})(\pmb{正交矩阵}) (正交矩阵)(对角矩阵)(正交矩阵)&#xff0c;用几何语言表述其几何背景&#xff1a; ( 旋转 ) ( 伸缩 )…...

编程日记 2025/8/20 23:39:55