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

蓝桥杯web第三天

news 2026/5/21 10:34:35

展开扇子题目，

#box:hover #item1 {
transform:rotate(-60deg);
}

当悬浮在父盒子，子元素旋转

webkit

display: -webkit-box：将元素设置为弹性伸缩盒子模型。
-webkit-box-orient: vertical：设置伸缩盒子的子元素排列方式为垂直排列。
overflow: hidden：隐藏超出元素容器的内容。
text-overflow: ellipsis：当文本溢出时，显示省略号。

  /* 最多显示两行文本 */-webkit-line-clamp: 2;

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div class="div1"><div class="div2">是兄弟就来砍我</div><div class="div3"><div class="li1"><table><tbody><tr><td rowspan="2"><div class="circle">天乐</div></td><td>18:57</td></tr><tr><td>今天吃点啥？</td></tr></tbody></table></div><div class="li2"><table><tbody><tr><td>18:59</td><td rowspan="2"><div class="circle">热巴</div></td></tr><tr><td>最近八合里周年庆，咱们去薅羊毛呀</td></tr></tbody></table></div><div class="li1"><table><tbody><tr><td rowspan="2"><div class="circle">天乐</div></td><td>19:01</td></tr><tr><td>行收拾一下走吧，早点去排个号</td></tr></tbody></table></div></div><div class="div4"><div class="shuru"><textarea class="text" id="" placeholder="请输入"></textarea></div><div class="submit" onclick="tijiao()">发送</div></div></div><style>body,html {display: flex;justify-content: center;align-items: center;background-color: gray;}.div1 {background-color: white;width: 400px;height: 460px;border-radius: 5px;}.div2 {margin: 0px;padding: 10px;font-size: 16px;font-weight: bolder;}.div3 {border-top: 2px solid gray;border-bottom: 2px solid gray;padding: 10px;height: 500px;background-color: white;}.div4 {height: 200px;background-color: white;}.circle {width: 50px;height: 50px;background-color: #3e4ea0;border-radius: 50%;text-align: center;/* vertical-align: middle; */line-height: 50px;color: #fff;font-size: 16px;}.li2 {float: right;margin: 20px;}.div3 .li1 table tbody tr:nth-child(2) td:nth-child(1),.div3 .li3 table tbody tr:nth-child(2) td:nth-child(1) {padding: 10px;background-color: #f2f4f5;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}.div3 .li1 table tbody tr:nth-child(1) td:nth-child(1),.div3 .li3 table tbody tr:nth-child(1) td:nth-child(1) {padding-right: 10px;}.div3 .li2 table tbody tr:nth-child(1) td:nth-child(2) {padding-left: 10px;}.div3 .li2 table tbody tr:nth-child(2) td:nth-child(1) {padding: 10px;background-color: #4571ff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;color: white;}.div3 .li2 table tbody tr:nth-child(1) td:nth-child(1) {float: right;}table,td {/* border: 1px solid #000; */}.shuru {padding: 10px;}.submit {margin-top: 40px;margin-right: 10px;float: right;background-color: #4571ff;padding-left: 20px;padding-right: 20px;padding-top: 8px;padding-bottom: 8px;color: #fff;border-radius: 5px;cursor: pointer;}</style><script>var div3 = document.querySelector('.div3');console.log(div3.innerHTML);var text = document.querySelector(".text");function tijiao() {var add = `<div class="li2"><table><tbody><tr><td>18:59</td><td rowspan="2"><div class="circle">热巴</div></td></tr><tr><td>${text.value}</td></tr></tbody></table></div>`div3.innerHTML = div3.innerHTML + add;}</script></body></html>

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div class="div1" onclick="download1()">点击下载美图</div><div class="div2">现在是北京时间</div>
</body><script>var div1 = document.querySelector('.div1');function download1() {div1.innerText = '正在下载'}var div2 = document.querySelector('.div2');setInterval(function () {var date = new Date();if (date.getSeconds() < 10 && date.getMinutes() < 10) {div2.innerText = `当前时间：${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日${date.getHours()}时0${date.getMinutes()}分0${date.getSeconds()}秒`}else if (date.getSeconds() < 10) {div2.innerText = `当前时间：${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日${date.getHours()}时${date.getMinutes()}分0${date.getSeconds()}秒`}else div2.innerText = `当前时间：${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日${date.getHours()}时${date.getMinutes()}分${date.getSeconds()}秒`}, 1000)</script><style>.div1 {cursor: pointer;}.div2 {font-size: 40px;}
</style></html>

蓝桥杯web第三天

展开扇子题目， #box:hover #item1 { transform:rotate(-60deg); } 当悬浮在父盒子，子元素旋转 webkit display: -webkit-box：将元素设置为弹性伸缩盒子模型。-webkit-box-orient: vertical：设置伸缩盒子的子元素排列方…...

编程日记 2025/3/4 22:58:00

C#开发——时间间隔类TimSpan

TimeSpan 是 C# 中的一个结构（ struct ），用于表示时间间隔或持续时间。它位于 System 命名空间中，是处理时间相关操作时非常重要的工具，尤其是在计算两个日期或时间之间的差值、表示时间段或执行时间相关的运算…...

编程日记 2025/3/4 22:56:58

NModbus 连接到Modbus服务器（Modbus TCP）

1、在项目中通过NuGet添加NModbus，在界面中添加一个Button。 using NModbus.Device; using NModbus; using System.Net.Sockets; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Docu…...

编程日记 2025/3/4 22:52:54

蓝桥杯之图形规律

文章目录分析组成，找到规律数正方形在蓝桥杯中，常常会有一些图形的规律的题目需要我们去解决，所以我们需要学会其中的一些方法，我们这样才能解决对应的问题方法1：直接对n进行拆分方法2：使用递归的思路&a…...

编程日记 2025/3/4 22:50:52

多线程学习之路

多线程的创建方式主要有以下几种： 1. 继承 Thread 类通过继承 Thread 类并重写 run() 方法来创建线程。 class MyThread extends Thread {Overridepublic void run() {// 线程执行的任务System.out.println("Thread is running");} }public class Mai…...

编程日记 2025/3/4 22:49:47

英码科技携昇腾DeepSeek大模型一体机亮相第三届北京人工智能产业创新发展大会

2025年2月28日，第三届北京人工智能产业创新发展大会在国家会议中心隆重开幕。本届大会以"好用、易用、愿用——以突破性创新加速AI赋能千行百业”为主题，重点展示人工智能技术创新成果与产业化应用实践。作为昇腾生态的APN伙伴，英码科技…...

编程日记 2025/3/4 22:48:46

【AI】如何理解与应对AI中的敏感话题：详细分析与实用指南

引言随着人工智能（AI）技术的不断发展，我们在与AI交互时，可能会遇到敏感话题的讨论限制。在许多情况下，AI系统为了避免触及社会、政治或文化敏感点，会对用户输入进行一定的筛选和过滤。那么，这…...

编程日记 2025/3/4 22:47:44

(十三)趣学设计模式之模版方法模式！

目录一、啥是模板方法模式？二、为什么要用模板方法模式？三、模板方法模式的实现方式四、模板方法模式的优缺点五、模板方法模式的应用场景六、总结 🌟我的其他文章也讲解的比较有趣😁，如果喜欢博主的讲解方式&a…...

编程日记 2025/3/4 22:46:42

20250225-代码笔记03-class CVRPModel AND other class

文章目录前言一、class CVRPModel(nn.Module):__init__(self, **model_params)函数功能函数代码二、class CVRPModel(nn.Module):pre_forward(self, reset_state)函数功能函数代码三、class CVRPModel(nn.Module):forward(self, state)函数功能函数代码四、def _get_encodi…...

编程日记 2025/3/4 22:41:36

【postman】postman找回接口数据

项目提测，一打开postman天塌了，所有接口都不见了。。。。conllection目录也看不见了，也导入不了同事给我发的json文件。然后重新找同事要了一个安装包，覆盖安装了之后，在下面的目录里面找到了备份文件【C:\Users\yan…...

编程日记 2025/3/4 22:38:33

Milvus向量数据库部署

一、什么是Milvus Milvus 是一款开源的向量数据库，旨在帮助开发者轻松管理和检索大规模向量数据。它通过高效的索引技术，支持快速的相似度搜索，使得从海量数据中查找最接近的匹配变得简单而快捷。无论是构建推荐系统、进行图像识别还是分析自…...

编程日记 2025/3/4 22:37:32

显式 GC 的使用：留与去，如何选择？

目录一、什么是显式 GC？ （一） 垃圾回收的基本原理 （二）显式 GC 方法和行为 1. System.gc() 方法 2. 显式 GC 的行为 （三）显式 GC 的使用场景与风险 1. JVM 如何处理显式 GC 2. 显式 GC…...

编程日记 2025/3/4 22:36:30

探秘基带算法：从原理到5G时代的通信变革【二】Viterbi解码

文章目录二、关键算法原理剖析2.1 Viterbi 解码2.1.1 卷积码与网格图基础**卷积码****网格图****生成多项式****理想情况下解码过程** 2.1.2 Viterbi 算法核心思想2.1.3 路径度量与状态转移机制2.1.4 算法流程与关键步骤详解2.1.5 译码算法举例与复杂度分析2.1.6 算法代码示例…...

编程日记 2025/3/4 22:35:29

从零实现高并发内存池

目录一、项目介绍二、什么是内存池？ 1.池化技术 2.内存池 3.内存池解决的问题三、malloc本身就是内存池四、定长内存池五、高并发内存池整体框架六、thread cache 七、central cache 八、page cache 一、项目介绍当前项目是实现一个高并发的内存池…...

编程日记 2025/3/4 22:33:27

3-7 WPS JS宏工作表移动复制实例-2(多工作簿的多工作表合并)学习笔记

************************************************************************************************************** 点击进入 -我要自学网-国内领先的专业视频教程学习网站 *******************************************************************************************…...

编程日记 2025/3/4 22:27:19

【计算机网络】考研复试高频知识点总结

文章目录一、基础概念1、计算机⽹络的定义2、计算机⽹络的目标3、计算机⽹络的组成4、计算机⽹络的分类5、计算机⽹络的拓扑结构6、计算机⽹络的协议7、计算机⽹络的分层结构8、OSI 参考模型9、TCP/IP 参考模型10、五层协议体系结构二、物理层1、物理层的功能2、传输媒体3、 …...

编程日记 2025/3/4 22:25:17

IDEA Tab 页设置多行显示

前言日常编码中，经常需要在编辑器中同时打开多个文件，而在 IDEA 中，默认情况下，顶部的 Tab 页只显示一行，多余的文件会被隐藏起来，如下图所示： IDEA 默认 Tab 页只显示一行这种情况下&#…...

编程日记 2025/3/4 22:23:15

Spark核心之02：常用算子详解

1、RDD操作详解 # 启动spark-shell spark-shell --master local[2] 1.1 基本转换 1) map map是对RDD中的每个元素都执行一个指定的函数来产生一个新的RDD。任何原RDD中的元素在新RDD中都有且只有一个元素与之对应。举例： scala> val a sc.parallelize(1 …...

编程日记 2025/3/4 22:21:09

Redis---LRU原理与算法实现

文章目录 LRU概念理解LRU原理基于HashMap和双向链表实现LRURedis中的LRU的实现LRU时钟淘汰策略近似LRU的实现LRU算法的优化 Redis LRU的核心代码逻辑Redis LRU的核心代码逻辑Redis LRU的配置参数Redis LRU的优缺点Redis LRU的优缺点 LRU概念理解 LRU（Least Recentl…...

编程日记 2025/3/4 22:18:06

matlab 包围盒中心匹配法实现点云粗配准

目录一、算法原理1、原理概述2、参考文献二、代码实现三、结果展示1、初始位置2、配准结果本文由CSDN点云侠原创，原文链接，首发于：20255年3月3日。一、算法原理 1、原理概述包围盒中心匹配法是将源点云 P P P...

编程日记 2025/3/4 22:05:52

从AVX512到Tensor Core：聊聊那些‘纸上算力’和‘实际跑分’为啥总对不上

从AVX512到Tensor Core：揭秘理论算力与实际性能的鸿沟当你在产品手册上看到某款CPU标称2.4T FLOPS的峰值算力，或是GPU宣称能提供数十TFLOPs的AI加速性能时，是否曾兴奋地购入设备，却在运行实际工作负载时大失所望？这种…...

编程新知 2026/5/21 8:44:00

ArcGIS点符号压盖标注看不清？试试‘合并图层+制图表达’这个组合拳

ArcGIS点符号压盖标注看不清？试试‘合并图层制图表达’这个组合拳在GIS制图工作中，点位数据密集区域的标注压盖问题堪称"地图美学杀手"。想象一下这样的场景：某村庄同时存在水文站、水位站和雨量站三个监测点，由于地理…...

编程新知 2026/5/21 8:16:03

DeepSeek LeetCode 2508.添加边使所有节点度数都为偶数 public boolean isPossible(int n, List＜List＜Integer＞＞ edges)

问题分析我们需要判断能否添加至多两条边（不能添加重复边，不能添加自环），使得图中所有节点的度数都为偶数。---思路步骤1. 统计每个节点的当前度数遍历给出的边，统计每个节点的度数。 2. 找出度数为奇数的节点设奇数度…...

编程新知 2026/5/21 8:07:39

安卓APP通过JNI调用ATSHA204A加密芯片实战指南

1. 项目概述与核心需求解析在安卓应用开发领域，尤其是涉及物联网、金融支付、版权保护等高安全要求的场景，单纯依靠软件层面的加密算法已经不足以应对日益复杂的攻击手段。硬件加密芯片，如ATSHA204A，以其物理隔离、密钥不可读取等…...

编程新知 2026/5/21 7:59:35

Vue3 + Vitest 浏览器测试从零开发指南

一、我们要做什么？ 写一个 Vue3 计数器组件（显示名字点按钮数字1）写 Vitest 自动化测试（让电脑自动验证功能是否正确）全程不用弹浏览器，在终端就能看到测试结果 ✅二、准备工作（只需要 1 个软…...

编程新知 2026/5/21 6:45:01

CSS锚点定位(Anchor Positioning)完全指南：实现精准定位

引言 CSS锚点定位(Anchor Positioning)是CSS定位领域的重大突破，它允许元素相对于其他元素进行定位，而不仅仅是相对于视口或父容器。这为实现复杂的UI组件如弹出菜单、工具提示、下拉选择器等提供了原生支持。一、锚点定位核心概念 1.1 什么是锚点定位 …...

编程新知 2026/5/21 6:17:41

手把手教你用STM32F103C8T6和NTC热敏电阻DIY一个水温监测器（附完整代码）

手把手教你用STM32F103C8T6和NTC热敏电阻DIY一个水温监测器（附完整代码） 水温监测在家庭养鱼、咖啡机控制、热水器管理等场景中非常实用。本文将带你从零开始，用最常见的STM32F103C8T6最小系统板和NTC热敏电阻，打造一个低成本、高…...

编程新知 2026/5/21 6:02:11

别再死记硬背ELMo、GPT、BERT的区别了！一张图带你搞懂它们的核心差异与适用场景

一图胜千言：ELMo、GPT、BERT技术差异与实战选型指南刚接触NLP时，我也曾被各种预训练模型绕得头晕眼花——它们看起来都能处理文本，但面试官一问"为什么用BERT不用GPT"就瞬间语塞。直到我把这些模型拆解成汽车零件，才真…...

编程新知 2026/5/21 2:59:58

STM32 FSMC外部存储器接口配置与调试实战指南

1. 项目概述：为什么FSMC是STM32连接外部存储器的“瑞士军刀”如果你玩过STM32，尤其是那些带屏幕、需要大容量数据缓存或者要跑复杂UI的型号，比如F1、F4、H7系列，那你大概率绕不开一个外设：FSMC，全称Flexibl…...

编程新知 2026/5/21 2:42:40

影刀RPA跨境店群自动化实战：Python协同Chromium打破风控“垄断”的高并发调度系统架构

定了。彻底打破传统商业指纹浏览器的生态「垄断」与电商巨头风控体系的「底层封锁」，我们用一套基于 Python 深度协同的分布式微服务调度架构，重塑了跨境千店矩阵的自动化底座。这几天，科技圈被“DeepSeek V4 首发华为芯片，国产…...

编程新知 2026/5/21 1:40:06

展开扇子题目，

webkit

相关文章：