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

CSS_复合选择器

news 来源：原创 2025/9/9 18:24:07

7. 复合选择器

7.1 交集选择器

7.2 并集选择器

7.3 后代选择器

7.4 子代选择器

7.5 兄弟选择器

7.6 属性选择器

7.7 伪类选择器

7.7.1动态伪类

7.7.2结构伪类

7.7.3否定伪类

7.7.4 UI伪类

7.7.5 目标选择器

7. 复合选择器

7.1 交集选择器

作用：选中同时符合多个条件的元素。

交集有并且的含义（通俗理解：即……又……的意思，例如：年轻且美丽）

语法：选择器1选择器2选择器3…选择器n{}

举例：

p.beauty{color: blue;}

注意点：

有标签名，标签名必须卸载前面。
id选择器，理论上可以作为交集的条件，但在实际应用中几乎不用——没有意义。
交集选择器中不可能出现两个元素选择器，因为一个元素，不能即是p元素又是span元素。
用的最多的交集选择器：元素选择器配合类名选择器，例如：p.beauty。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>交集选择器</title><style>.beijing {color: gold;}.beauty {color: red;}p.beauty{color: blue;}/* p.beauty#ls{color: aqua;} 一般不用这种形式id可以直接定位*//* #ls{color: aquamarine;} */</style>
</head>
<body><h2 class="beijing">北京大学</h2><h2 class="qinghua">清华大学</h2><hr><p class="beauty" id="ls">李四</p><p class="beauty">张三</p>
</body>
</html>

7.2 并集选择器

作用：选中多个选择器对应的元素，又称：分组选择器

语法：选择器1，选择器2，选择器3…选择器n{}

选择器之间+，

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>并集选择器</title><style>.beijing {color: gold;}.beauty {color: red;}.beauty,.beijing{font-size: 50px;background: gray;width: 200px;}</style>
</head>
<body><h2 class="beijing">北京大学</h2><h2 class="qinghua">清华大学</h2><hr><p class="beauty" id="ls">李四</p><p class="beauty">张三</p>
</body>
</html>

7.3 后代选择器

作用：选中指定元素中，复合要求的后代元素。

语法：选择器1 选择器2 选择器3 ...... 选择器n {} （先写祖先，再写后代）

选择器之间，用空格隔开。

/* 选中ul中的所有li */
ul li {
color: red;
}
/* 选中ul中所有li中的a */
ul li a {
color: orange;
}
/* 选中类名为subject元素中的所有li */
.subject li {
color: blue;
}
/* 选中类名为subject元素中的所有类名为front-end的li */
.subject li.front-end {
color: blue;
}

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>后代选择器</title><style>ul li{color: blue;}ol li{color: aquamarine;}ul li a{color: brown;}.suject li{color: seagreen;}</style>
</head>
<body><!-- 无序 --><ul><li>美甲</li><li>电视剧</li><li><a href="#">剪头</a></li><div><li>打篮球</li></div></ul><!-- 有序 --><hr><ol><li>小李</li><li>小王</li><li>小刘</li></ol><ol class="suject"><li>数据结构</li><li>大物</li><li>高数</li></ol>
</body>
</html>

7.4 子代选择器

语法：选择器1 > 选择器2 > 选择器3 > ...... 选择器n {}

选择器之间，用 > 隔开， > 可以理解为：" xxx 的子代"，其实就是儿子的意思。

选择器 1234....n ，可以是我们之前学的任何一种选择器。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>子代选择器</title><style>div>a{color: aquamarine;}div>p>a{color: blue;}</style>
</head>
<body><div><a href="#">李四</a><a href="#">王五</a><p><a href="#">张三</a></p></div>
</body>
</html>

注意：

1. 子代选择器，最终选择的是子代，不是父级。

2. 子、孙子、重孙子、重重孙子 ...... 统称后代！，子就是指儿子。

7.5 兄弟选择器

相邻兄弟选择器：

作用：选中指定元素后，符合条件的相邻兄弟元素。

所谓相邻，就是紧挨着他的下一个，简记：睡在我下铺的兄弟。

语法：选择器1+选择器2 {} 。

div+p{color: brown;}

通用兄弟选择器：

作用：选中指定元素后，符合条件的所有兄弟元素。（简记：睡在我下铺的所有兄弟）

语法：选择器1~选择器2 {} 。

实例：

div~p{color: brown;}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>兄弟选择器</title><style>/* 与div紧紧相邻的兄弟p元素（在div下面） */div+p{color: brown;}/* 与div后所有的兄弟p元素（在div下面） */div~p{color: brown;}</style>
</head>
<body><p>广州</p><div>大学</div><p>上海</p><p>北京</p>
</body>
</html>

注意：两种兄弟选择器，选择的是下面的兄弟。

7.6 属性选择器

作用：选中属性值符合一定要求的元素。

语法：

[属性名] 选中具有某个属性的元素。
[属性名="值"] 选中包含某个属性，且属性值等于指定值的元素。
[属性名^="值"] 选中包含某个属性，且属性值以指定的值开头的元素。
[属性名$="值"] 选中包含某个属性，且属性值以指定的值结尾的元素。
[属性名*=“值”] 选择包含某个属性，属性值包含指定值的元素。

/* 选中具有title属性的元素 */
div[title]{color:red;}
/* 选中title属性值为atguigu的元素 */
div[title="atguigu"]{color:red;}
/* 选中title属性值以a开头的元素 */
div[title^="a"]{color:red;}
/* 选中title属性值以u结尾的元素 */
div[title$="u"]{color:red;}
/* 选中title属性值包含g的元素 */
div[title*="g"]{color:red;}

7.7 伪类选择器

作用：选中特殊状态的元素。

如何理解“伪” ? — 虚假的，不是真的。

如何理解“伪类”？ — 像类( class )，但不是类，是元素的一种特殊状态

7.7.1动态伪类

:link 超链接未被访问的状态。

:visited 超链接访问过的状态。

:hover 鼠标悬停在元素上的状态。

:active 元素激活的状态。

:focus 获取焦点的元素。

link和visited是a标签独有的属性，active和hover是使用元素都具有

什么是激活？—— 按下鼠标不松开。

注意点：遵循 LVHA 的顺序，即： link 、 visited 、 hover 、 active 。

表单类元素才能使用 :focus 伪类。

当用户：点击元素、触摸元素、或通过键盘的 “ tab ” 键等方式，选择元素时，就是获

得焦点。

<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>动态</title><style>/* 选中的是没有访问过的a元素 */a:link{color: orange;}/* 选中的是访问过的a元素 */a:visited{color: gray;}/* 选中的是鼠标悬浮状态的a元素 */a:hover{color: skyblue;}/* 选中的是鼠标点击激活状态的a元素 */a:active{color: greenyellow;}/*  */input:focus {background-color: green;}</style>
</head>
<body><a href="https://www.baidu.com" target="_blank">baidu</a><a href="https://www.jingdong.com">jingdong</a><br><input type="text" name="" id="">
</body>

7.7.2结构伪类

常用的：

:first-child 所有兄弟元素中的第一个。

:last-child 所有兄弟元素中的最后一个。

:nth-child(n) 所有兄弟元素中的第 n 个。

:first-of-type 所有同类型兄弟元素中的第一个。

:last-of-type 所有同类型兄弟元素中的最后一个。

:nth-of-type(n) 所有同类型兄弟元素中的 第n个 。

关于 n 的值：

0 或不写：什么都选不中 —— 几乎不用。

n ：选中所有子元素 —— 几乎不用。

1~正无穷的整数：选中对应序号的子元素。

2n 或 even ：选中序号为偶数的子元素。

2n+1 或 odd ：选中序号为奇数的子元素。

-n+3 ：选中的是前 3 个。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>结构伪类</title><style>/* 选中div的第一个儿子p元素 结构1*//* div>p:first-child{color: #de3939;} *//* 选中div的第一个儿子p元素 结构2*/div>p:first-child {color: #341dc9;}/* 选中div的后代p元素，且p的父级是谁无所谓，但p必须是其父亲的第一个儿子 结构3*/div p:first-child {color: #0dc62f;}/* 选中div的后代p元素，且p的父级是谁无所谓，但p必须是其父亲的第一个儿子 结构3*/p:first-child {color: #0dc62f;}/* 选中div的第n个儿子p元素（按照所以儿子计算） */div>p:nth-child(3) {color: brown;}div>p:nth-child(2n+1) {color: rgb(65, 42, 165);}/* 所有同类型兄弟元素中的第一个 */div>p:first-of-type{color: rgb(5, 96, 66);}/* 所有同类型兄弟元素中的最后一个 */div>p:last-of-type{color: rgb(5, 96, 66);}/* 所有同类型兄弟元素中的 第n个（按照所有同类型兄弟计算） */div>p:nth-of-type(3){color: blue;}</style>
</head><body><!-- 结构1 --><!-- <div><p>张三：100</p><p>李四：99</p><p>王五：98</p><p>刘：97</p></div> --><!-- 结构2 --><!-- <div><span>张三：100</span><p>李四：99</p><p>王五：98</p><p>刘：97</p></div> --><!-- 结构3 --><p>测试1</p><div><p>测试2</p><marquee><p>测试3</p><p>张三：100</p></marquee><p>李四：99</p><p>王五：98</p><p>刘：97</p></div>
</body>
</html>

了解即可：

:nth-last-child(n) 所有兄弟元素中的倒数第 n 个。

:nth-last-of-type(n) 所有同类型兄弟元素中的倒数第**n个** 。

:only-child 选择没有兄弟的元素（独生子女）。

:only-of-type 选择没有同类型兄弟的元素。

:root 根元素。

:empty 内容为空元素（空格也算内容）。

7.7.3否定伪类

:not(选择器) 排除满足括号中条件的元素。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>否定伪类</title><style>/* 选中的是div的儿子p元素，排除类名为fail的元素 */div>p:not(.fail){color: red;}/* 选中的是div的儿子p元素，排除title属性为加油的元素 */div>p:not([title^="加油"]){color: blue;}/* 选中的是div的儿子p元素，排除第一个儿子p元素*/div>p:not(:first-child){color: aqua;}</style>
</head>
<body><div><p>张三：100</p><p>李四：99</p><p>王五：98</p><p>刘：97</p><p class="fail" title="加油">孙七：59</p><p class="fail">李八：40</p></div>
</body>
</html>

7.7.4 UI伪类

:checked 被选中的复选框或单选按钮。

:enable 可用的表单元素（没有 disabled 属性）。

:disabled 不可用的表单元素（有 disabled 属性）。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>UI伪类</title><style>/* 选中的是勾选的复选框  :checked 被选中的复选框或单选按钮。*/input:checked{width: 100px;height: 100px;}/* 选中的是被禁用的input元素 */input:disabled{background-color: aquamarine;}/* 选中的是可用的input元素 */input:enabled{background-color: black;}</style>
</head>
<body><input type="checkbox"><input type="radio" name="gender" id=""><input type="radio" name="gender" id=""><input type="text"><input type="text" disabled>
</body>
</html>

7.7.5 目标选择器

:target 选中锚点指向的元素。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>UI伪类</title><style>div{background-color: bisque;height: 400px;}div:target{background-color: black;}</style>
</head>
<body><a href="#one">第1个</a><a href="#two">第2个</a><a href="#three">第3个</a><a href="#four">第4个</a><a href="#five">第5个</a><div id="one">1</div><br><div id="two">2</div><br><div id="three">3</div><br><div id="four">4</div><br><div id="five">5</div><br>
</html>

CSS_复合选择器

目录 7. 复合选择器 7.1 交集选择器 7.2 并集选择器 7.3 后代选择器 7.4 子代选择器 7.5 兄弟选择器 7.6 属性选择器 7.7 伪类选择器 7.7.1动态伪类 7.7.2结构伪类 7.7.3否定伪类 7.7.4 UI伪类 7.7.5 目标选择器 7. 复合选择器 7.1 交集选择器作用：…...

编程日记 2025/9/9 18:24:07

QT-信号与槽

1.在注册登录的练习里面，追加一个QListWidget项目列表要求:点击注册之后，将账号显示到列表窗口小部件上面去以及，在列表窗口小部件中双击某个账号的时候，将该账号删除头文件 #ifndef WIDGET_H #define WIDGET_H #include <…...

编程日记 2025/9/9 18:19:01

在python语言中，请详细介绍一下比较运算符中等于符号（＝＝）的情况？

李升伟整理一、有关思考嗯，我现在要详细了解一下Python中的等于运算符（）。首先，我得回忆一下自己之前学过的知识，可能有些地方不太确定，需要仔细思考或者查阅资料。首先，等于运算符&#…...

编程日记 2025/9/9 18:18:25

halcon学习笔记1

环境的搭建就不说了，主要是作者在入职后的实际学习与实践。打开应用程序这里作者的个人理解是1号区域主要是可以观察到读取的图像以及后续对图像进行何种操作，2的算子类似于Opencv中的API，可以在上面进行参数的调整，例如read_I…...

编程日记 2025/9/9 18:19:01

解决寻找两个正序数组中位数问题：C语言实现与解析

在算法学习和实际编程应用中，处理数组相关的问题是很常见的。其中，寻找两个正序数组的中位数就是一个经典的题目，不仅考验对数组操作的熟悉程度，还涉及到对算法效率的考量。今天，我们就来深入探讨如何使用C语言解决这一…...

编程日记 2025/9/9 7:27:39

在 ArcGIS Pro 中描绘和绘制流域

查找数字高程模型 (DEM) 对于 DEM，我使用了USGS Lidar Explorer 地图。该地区有 10m 分辨率的 DEM。设置坐标系将坐标系设置为 UTM，以尽量减少失真，并使工具在后续过程中进行更精确的计算。对于俄勒冈州，这是 UTM 区域 10。 …...

编程日记 2025/9/9 18:19:01

在华为统信UOS中安装Anaconda，并配置PyCharm

这里写目录标题 1. 下载Anaconda安装包2. 打开终端3. 安装Anaconda4.下载安装PyCharm 1. 下载Anaconda安装包首先打开 Anaconda官网 : https://www.anaconda.com/products/distribution，接受或拒绝网站投喂的饼干然后输入自己的邮箱后，进入下载页面…...

编程日记 2025/9/9 18:21:32

谈谈 HTTPS 的工作原理，SSL / TLS 握手流程是什么？

一、HTTPS 核心机制：非对称加密对称加密 HTTPS HTTP over TLS/SSL，通过混合加密体系解决三大问题： 防窃听 - 对称加密传输内容（如 AES）防篡改 - 数字签名验证数据完整性防冒充 - 数字证书验证服…...

编程日记 2025/9/9 11:27:55

Linux虚拟机网络配置-桥接网络配置

简介本文档旨在指导用户如何在虚拟环境中配置Linux系统的桥接网络，以实现虚拟机与物理主机以及外部网络的直接通信。桥接网络允许虚拟机如同一台独立的物理机一样直接连接到物理网络，从而可以被分配一个独立的IP地址，并能够与网络中的其他设…...

编程日记 2025/9/9 18:19:03

‌Transformer架构

‌核心原理‌ ‌自注意力机制‌ 通过计算输入序列中每个位置与其他位置的关联权重（Query-Key匹配），动态聚合全局信息，解决了传统RNN/CNN的长距离依赖问题‌。实现公式：Attention(Q,K,V)softmax(QKTdk)VAttention(…...

编程日记 2025/9/9 18:21:31

Sat- nerf深度损失

首先损失函数定义在metrics.py,代码如下: class DepthLoss(torch.nn.Module):def __init__(self, lambda_ds1.0):super().__init__()# 初始化lambda_ds参数，用于调节深度损失的权重，并且将其缩小为原来的1/3self.lambda_ds lambda_ds / 3.# 初始化均方…...

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

c++的多态

1.多态的概念多态，通俗来说，就是多种形态多态分为编译时多态(静态多态)和运⾏时多态(动态多态) 静态多态主要是函数重载和函数模板，它们传不同类型的参数就可以调⽤不同的函数，通过参数不同达到多种形态，之所以叫…...

编程日记 2025/9/9 1:48:56

基于 Rust 与 GBT32960 规范构建高并发、高可用、高扩展服务端程序

一、需求背景如今，数字化发展特别快，各种设备和系统之间要频繁地交换数据，而且这个过程变得越来越复杂。很多行业都有难题，既要处理大量的数据，又得快速响应各种命令。比如说在智能交通这一块，路上跑的车…...

编程日记 2025/9/9 17:54:25

《宝塔 Nginx SSL 端口管理实战指南：域名解析、端口冲突与后端代理解析》

📢 Nginx & SSL 端口管理分析 1️⃣ 域名解析与 SSL 申请失败分析在使用宝塔申请 www.mywebsite.test 的 SSL 证书时，遇到了解析失败的问题。最初，我认为 www 只是一个附加的前缀，不属于域名的关键部分，因此只为…...

编程日记 2025/9/9 18:19:03

iOS 实现UIButton自动化点击埋点

思路：我们HOOK UIControl的 addtarget:action:forControlEvents方法，交换UIControl的 addtarget:action:forControlEvents 方法的实现， 在交换的方法中添加原来响应的同时，再添加一个埋点响应，该响应方法实现了点击埋点…...

编程日记 2025/9/9 18:24:07

Java 并行流（Parallel Stream）详解

并行流是Java 8引入的高效处理集合数据的工具，通过多线程加速计算。以下是其核心概念、使用方法及注意事项的详细指南： 1. 核心概念与原理并行处理机制：将数据分割为多个块，利用Fork/Join框架在多个线程上并行处理，…...

编程日记 2025/9/9 16:06:32

开源软件的版权保护措施

开源软件的版权保护措施主要有以下几方面： 著作权保护明确版权归属与许可使用：开源软件的源代码是著作权法保护的对象，作者享有复制权、发行权、改编权等专有权益。通过开源协议，作者明确授权用户使用、复制和修改软件&#xf…...

编程日记 2025/9/9 4:37:42

11.24 SpringMVC（1）@RequestMapping、@RestController、@RequestParam

一.RequestMapping("/user")//HTTP 请求方法既支持get也支持post，可表示为类路径与方法路径二.RequestMapping(value "/m7", method {RequestMethod.POST, RequestMethod.GET}) value这个参数指定了请求的 URL 路径。method 参数指定了允许…...

编程日记 2025/9/7 7:22:50

杰和科技GDSM-C数字化信息发布管理系统，信息触达无死角，更全面

在数字化时代，信息的高效传递与精准管理成为商业、教育、公共服务等领域的核心需求。传统信息发布模式常面临设备分散难管控、内容更新滞后、多屏协同效率低等问题。杰和科技为此开发了一套数字化信息发布管理系统GDSM-C（简称 GDSM-C）系统&a…...

编程日记 2025/9/9 18:18:27

一、停止 expdp job举例 1.执行 expdp 命令 $ expdp rui/rui DIRECTORYdmp_dir dumpfilestudyfull_expdp.dmp FULLy logfilestudyfullexpdp.log job_nameexpdp_job2.查看在运行的作业名称 SQL> select job_name,state from dba_datapump_jobs; JOB_NAME …...

编程日记 2025/9/8 12:20:26

Java 8 中，可以使用 Stream API 和 Comparator 对 List 按照元素对象的时间字段进行倒序排序

文章目录引言I 示例对象II List 按时间字段倒序排序: 使用 `Stream` 和 `Comparator` 排序方法 1：使用 `Comparator.comparing`方法 2：使用 `Comparator.reversed`方法 3：自定义 `Comparator`输出结果III 注意事项**时间字段类型**:**空值处理**:IV 总结引言案例：在线用…...

编程日记 2025/9/6 7:03:52

MySQL零基础教程14—子查询

子查询比较简单，我们还是通过案例引入。有时候我们查询的时候，需要用到的不止一个表的数据，比如下面的场景： 查询名字叫李晓红同学的班主任姓名我们提供三个表的基础信息如下： 从三张表的结构，我们不难…...

编程日记 2025/9/6 1:38:37

考研408数据结构线性表核心知识点与易错点详解（附真题示例与避坑指南）

一、线性表基础概念 1.1 定义与分类定义：线性表是由n（n≥0）个相同类型数据元素构成的有限序列，元素间呈线性关系。分类： 顺序表：元素按逻辑顺序存储在一段连续的物理空间中（数组实现&…...

编程日记 2025/9/8 15:07:39

Microk8s Ingress实现七层负载均衡

Microk8s Ingress是什么 Ingress是k8s的一种资源对象，用于管理外部对集群内服务的访问, 它通过提供一个统一的入口点，将外部流量路由到集群内部的不同服务。 Microk8s Ingress用于解决什么问题 k8s集群中服务默认只能在集群内访问。如果需要从外部访…...

编程日记 2025/9/7 15:36:32

部署Windows Server自带“工作文件夹”实现企业网盘功能完整步骤

前文已经讲解过Windows Server自带的“工作文件夹”功能，现以Windows Server 2025为例介绍部署工作文件夹的完整步骤： 为了确保您能够顺利部署和充分利用工作文件夹的功能，我将按照以下步骤进行讲解。请注意，在域环境中部署工作…...

编程日记 2025/9/2 13:25:00

前缀和算法算法4

算法题中帮助复习的知识 vector<int > dp( n ,k); n为数组大小 ,k为初始化哈希表unordered_map<int ,int > hash; hash.find(k)返回值是迭代器 ,找到k返回其迭代器没找到返回hash.end() hash.count(k)返回值是数字 ,找到k返回1 ,没找到返回0. C和java中负数…...

编程日记 2025/9/6 20:43:01

Excel 豆知识 - XLOOKUP 为啥会出 #N/A 错误

XLOOKUP有的时候会出 #VALUE! 这个错误。因为这个XLOOUP有个参数叫找不到时的返回值，那么为啥还会返回 #VALUE! 呢？ 可能还有别的原因，但是主要原因应该就是检索范围和返回范围不同。比如这里检索范围在 B列，是 4-21&…...

编程日记 2025/8/16 12:39:11

ZK Rollup

ZK Rollup 通过生成零知识证明来确保所有提交的交易都是有效的。生成零知识证明的过程涉及复杂的密码学运算，通常使用的是 zk-SNARK（零知识简洁非互动知识论证）或 zk-STARK（零知识可扩展透明知识论证）。以下是 ZK Roll…...

编程日记 2025/9/7 8:40:10

UI设计——新拟态手机主题锁屏设计分享

新拟态手机主题锁屏设计分享给大家展示一款新式手机主题锁屏设计作品。整体设计采用简洁的灰白主色调，搭配亮眼的橙色元素，形成鲜明对比，视觉效果清爽又不失活力。上方显示大数字时钟 “20:36”，日期 “04/11 星期一” 以及天…...

编程日记 2025/9/5 7:59:31

Kafka面试题及原理

1. 消息可靠性（不丢失） 使用Kafka在消息的收发过程都会出现消息丢失，Kafka分别给出了解决方案生产者发送消息到Brocker丢失消息在Brocker中存储丢失消费者从Brocker 幂等方案：【分布式锁、数据库锁（悲观锁、乐观锁…...

编程日记 2025/8/29 2:57:59

leetcode 238. 除自身以外数组的乘积

题目如下数据范围使用两个辅助数组分别存从前乘到后面和从后到前后面再计算就行。 （f数组没处理好还包含了本不能乘于的数所以要向后移动一位）。通过代码 class Solution { public:vector<int> productExceptSelf(vector<int>& n…...

编程日记 2025/9/8 10:31:44

DeepSeek 与 ChatGPT 终极对决：谁才是 AI 语言之王？

我的个人主页我的专栏：人工智能领域、java-数据结构、Javase、C语言，希望能帮助到大家！！！点赞👍收藏❤ 引言在当今科技飞速发展的时代，人工智能已然成为推动各领域变革的核心力量&#xff…...

编程日记 2025/9/7 22:14:03

python爬虫：pyspider的详细使用

文章目录一、pyspider介绍1.1 核心概念1.2 与其他爬虫框架的比较二、安装 pyspider三、编写爬虫脚本四、运行和监控爬虫4.1 启动爬虫4.2 监控任务状态4.3 任务管理五、高级功能5.1 分布式爬取5.2 JavaScript 渲染5.3 数据存储5.4 定时任务5.5 错误处理和重试机制六、示例：采…...

编程日记 2025/9/5 19:36:07

CSS—text文本、font字体、列表list、表格table、表单input、下拉菜单select

目录 1.文本 2.字体 3.列表list a.无序列表 b.有序列表 c.定义列表 4.表格table a.内容 b.合并单元格 3.表单input a.input标签 b.单选框 c.上传文件 4.下拉菜单 1.文本属性描述color设置文本颜色。direction指定文本的方向 / 书写方向。letter-spacing设置字符…...

编程日记 2025/9/8 22:21:34

宝塔webhooks与码云实现自动部署

1. 宝塔面板配置Webhook 登录宝塔面板，进入「软件商店」→ 搜索「Webhook」并安装。添加Webhook： 名称：自定义（如 Gitee自动部署）脚本：编写部署脚本，示例如下：#!/bin/bash# 项目路径…...

编程日记 2025/9/4 9:58:03

迷你世界脚本聊天接口：Chat

聊天接口：Chat 彼得兔更新时间: 2023-04-26 10:18:43 具体函数名及描述如下: 序号函数名函数描述 1 sendChat(...) 发送聊天消息(默认全部玩家) 2 sendSystemMsg(...) 发送系统消息(默认全部玩家) sendChat 参数及类型： content:s…...

编程日记 2025/9/5 13:55:43

Yocto + 树莓派摄像头驱动完整指南

—— 从驱动配置、Yocto 构建，到 OpenCV 实战在树莓派上运行摄像头，在官方的 Raspberry Pi OS 可能很简单，但在 Yocto 项目中，需要手动配置驱动、设备树、软件依赖才能确保摄像头正常工作。本篇文章从 BSP 驱动配置、Yocto 关键…...

编程日记 2025/8/16 13:00:02

多镜头视频生成、机器人抓取、扩散模型个性化 | Big Model weekly第58期

点击蓝字关注我们 AI TIME欢迎每一位AI爱好者的加入！ 01 GLM-4-Voice: Towards Intelligent and Human-Like End-to-End Spoken Chatbot 本文介绍了一种名为GLM-4-Voice的智能且类人化的端到端语音聊天机器人。它支持中文和英文，能够进行实时语音对话&a…...

编程日记 2025/9/5 9:48:55

Llama 2中的Margin Loss：为何更高的Margin导致更大的Loss和梯度？

Llama 2中的Margin Loss：为何更高的Margin导致更大的Loss和梯度？ 在《Llama 2: Open Foundation and Fine-Tuned Chat Models》论文中，作者在强化学习与人类反馈（RLHF）的Reward Model训练中引入了Margin Loss的概念&a…...

编程日记 2025/9/3 12:51:26

边缘计算收益低的三大指标

边缘计算收益低的三大指标主要包括以下方面： 1. 资源贡献不足： 边缘计算的收益通常基于所提供的带宽、存储和计算资源来计算。如果设备的网络带宽有限、在线时间短或提供的存储容量较小，可能无法满足平台设定的最低贡献标准，从而导…...

编程日记 2025/9/2 1:19:34

基于单片机的智能宿舍管理系统（论文+源码）

2.1总体方案设计本课题为智能宿舍的设计，整个系统架构如图2.1所示，整个系统在器件上包括了主控制器STM32单片机，LD3320语音识别模块，按键模块，串口通信模块，照明模块，窗帘控制模块家电控制模块…...

编程日记 2025/9/6 19:20:33

（下：补充——五个模型的理论基础）深度学习——图像分类篇章

目录 1.1 卷积神经网络基础 3.1 AlexNet网络结构详解与花分类数据集下载 4.1 VGG网络详解及感受野的计算 5.1 GoogLeNet网络详解 6.1 ResNet网络结构，BN以及迁移学习详解总结（可以直接看总结） 1.1 卷积神经网络基础视频讲解&#xf…...

编程日记 2025/9/7 5:19:57

SVN 简介

SVN 简介引言版本控制系统（Version Control System，VCS）是软件开发过程中不可或缺的工具之一。它能够帮助开发者管理代码的版本，追踪代码变更，协同工作，以及确保代码的稳定性和安全性。Subversion（简称SVN）是一种流行的版本控制系统，本文将为您详细介绍SVN的基本概…...

编程日记 2025/9/4 19:58:58

【前端场景题】如何应对页面请求接口的大规模并发问题

如何应对页面请求接口的大规模并发问题，尤其是前端方面的解决方案，并且需要给出详细的代码解释。首先，我需要仔细阅读我搜索到的资料，找出相关的信息，然后综合这些信息来形成答案。首先看，它提到前端优化策…...

编程日记 2025/9/9 15:05:35

Kafka 为什么会消息堆积？

Kafka 定期清理 Partition，但消息堆积（backlog） 依然可能发生，主要是因为 Kafka 的清理机制和消息消费进度是两回事。我们可以用一个快递仓库的类比来解释。类比：Kafka 就像一个快递仓库生产者（Produc…...

编程日记 2025/9/9 8:54:09

毕业项目推荐：基于yolov8/yolo11的苹果叶片病害检测识别系统（python+卷积神经网络）

文章目录概要一、整体资源介绍技术要点功能展示：功能1 支持单张图片识别功能2 支持遍历文件夹识别功能3 支持识别视频文件功能4 支持摄像头识别功能5 支持结果文件导出（xls格式）功能6 支持切换检测到的目标查看二、数据集三、算法介绍1. YO…...

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

十四届蓝桥杯JAVA-b组-合并石子

点我写题思路：区间dp和缝合dp板子题，先用个dp[i][j][k]表示考虑区间[i,j]合并成颜色k的最小代价，然后用min[i][j]存一下[i,j]区间合并的最小代价，即min(dp[i][j][0-2])，has[i][j]表示区间[i,j]是否能合并&#xff0c…...

编程日记 2025/9/1 17:51:59

【Maven】入门介绍与安装、配置

文章目录一、Maven简介1. Maven介绍2. Maven软件工作原理模型图二、Maven安装和配置1. Maven安装2. Maven环境配置3. Maven功能配置4. IDEA配置本地Maven软件一、Maven简介 1. Maven介绍 https://maven.apache.org/what-is-maven.html Maven 是一款为 Java 项目管理构建、…...

编程日记 2025/9/5 21:46:13