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

【Bootstrap V4系列】学习入门教程之表格（Tables）和画像（Figure）

news 来源：原创 2025/5/6 10:43:44

Bootstrap V4系列学习入门教程之表格（Tables）和画像（Figure）

表格（Tables）
- 一、Examples
- 二、Table head options 表格头选项
- 三、Striped rows 条纹行
- 四、Bordered table 带边框的表格
- 五、Borderless table 无边框表格
- 六、Hoverable rows 可悬停行
- 七、Contextual classes 情境类
画像（Figure）

表格（Tables）

一、Examples

由于表格在日历和日期选择器等第三方小部件中的广泛使用，我们将表格设计为可选择加入。只需将基类.table添加到任何<table>中，然后使用自定义样式或我们包含的各种修饰符类进行扩展。

使用最基本的表标记，以下是Bootstrap中基于.table的表的外观。Bootstrap 4继承了所有表样式，这意味着任何嵌套表都将以与父表相同的方式进行样式设置。

<table class="table"><thead><tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr></tbody>
</table>

页面展示效果：
在这里插入图片描述
您还可以使用.table-dark反转颜色——在深色背景上使用浅色文本。

<table class="table table-dark"><thead><tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr></tbody>
</table>

页面展示效果：
在这里插入图片描述

二、Table head options 表格头选项

与表格和深色表格类似，使用修饰符类.thead-light或.thead-dark使<thead>显示为浅灰色或深灰色。

<table class="table"><thead class="thead-dark"><tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody>...</tbody>
</table>

页面展示效果：
在这里插入图片描述

三、Striped rows 条纹行

使用.table-striped为<tbody>中的任何表行添加斑马条纹。

<table class="table table-striped"><thead><tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr></tbody>
</table>

页面展示效果：
在这里插入图片描述

四、Bordered table 带边框的表格

为表格和单元格的所有侧面添加边框。

<table class="table table-bordered"><thead><tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td colspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody>
</table>

页面展示效果：
在这里插入图片描述

五、Borderless table 无边框表格

为无边框的表格添加.table-borderless 。

<table class="table table-borderless"><thead><tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td colspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody>
</table>

页面展示效果：
在这里插入图片描述

六、Hoverable rows 可悬停行

添加.table-hover以在<tbody>内的表行上启用悬停状态。

<table class="table table-hover"><thead><tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td colspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody>
</table>

页面展示效果：
在这里插入图片描述

七、Contextual classes 情境类

<div class="bd-example"><table class="table"><thead><tr><th scope="col">Class</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr class="table-active"><th scope="row">Active</th><td>Cell</td><td>Cell</td></tr><tr><th scope="row">Default</th><td>Cell</td><td>Cell</td></tr><tr class="table-primary"><th scope="row">Primary</th><td>Cell</td><td>Cell</td></tr><tr class="table-secondary"><th scope="row">Secondary</th><td>Cell</td><td>Cell</td></tr><tr class="table-success"><th scope="row">Success</th><td>Cell</td><td>Cell</td></tr><tr class="table-danger"><th scope="row">Danger</th><td>Cell</td><td>Cell</td></tr><tr class="table-warning"><th scope="row">Warning</th><td>Cell</td><td>Cell</td></tr><tr class="table-info"><th scope="row">Info</th><td>Cell</td><td>Cell</td></tr><tr class="table-light"><th scope="row">Light</th><td>Cell</td><td>Cell</td></tr><tr class="table-dark"><th scope="row">Dark</th><td>Cell</td><td>Cell</td></tr></tbody></table>
</div>

页面展示效果：
在这里插入图片描述

画像（Figure）

通过 Bootstrap 的画像（figure）组件来显示相关联的图片和文本。

任何时候需要显示一段内容（例如带有可选标题的图片），请使用 <figure> 标签。

.figure、.figure-img 和 .figure-caption 类为 HTML5 的 <figure> 和 <figcaption> 元素提供了一些基本样式。<figure> 标签内所包含的图片如果没有明确地设置尺寸的话，请务必为 <img>标签添加 .img-fluid 类，使其支持响应式布局。

<!--任何时候需要显示一段内容（例如带有可选标题的图片），请使用 <figure> 标签。 -->
<figure class="figure"><img src="../images/1.jpg" class="figure-img img-fluid rounded" alt="..."><figcaption class="figure-caption">A caption for the above image.</figcaption></figure>

页面展示效果：
在这里插入图片描述
通过使用我们提供的 文本工具类 可以轻松对齐 <figure> 所包含的标题。

<!--通过使用我们提供的 文本工具类 可以轻松对齐 <figure> 所包含的标题。-->
<figure class="figure"><img src="../images/1.jpg" class="figure-img img-fluid rounded" alt="..."><figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>

页面展示效果：
在这里插入图片描述

【Bootstrap V4系列】学习入门教程之表格（Tables）和画像（Figure）

Bootstrap V4系列学习入门教程之表格（Tables）和画像（Figure） 表格（Tables）一、Examples二、Table head options 表格头选项三、Striped rows 条纹行四、Bordered table 带边框的表格五、Borderless table…...

编程日记 2025/5/6 10:43:44

第 3 篇：有序的世界：有序表 (TreeMap/TreeSet) 的概念与优势

上一篇我们探讨了哈希表如何以牺牲顺序为代价换取极致的平均速度。然而，在现实世界的许多应用中，数据的有序性不仅是锦上添花，甚至是核心需求。想象一下： 你需要显示一个按价格排序的商品列表。你需要找到某个时间点之前或之后的…...

编程日记 2025/5/3 12:14:47

VulnHub-DC-2靶机

主机发现 sudo arp-scan -l 以sudo管理员权限扫描本地活动ip地址 Interface: eth0, type: EN10MB, MAC: 08:00:27:22:46:4f, IPv4: 192.168.252.230 Starting arp-scan 1.10.0 with 256 hosts (https://github.com/royhills/arp-scan) 192.168.252.6 4c:5f:70:74:3c:3b …...

编程日记 2025/5/3 12:13:44

论文笔记（八十三）STACKGEN: Generating Stable Structures from Silhouettes via Diffusion

STACKGEN: Generating Stable Structures from Silhouettes via Diffusion 文章概括摘要I. INTRODUCTIONII. 相关工作A. 从直觉物理学学习稳定性B. 用于姿态生成的扩散模型C. 自动化顺序装配 III. 方法A. 用于 S E ( 3 ) SE(3) SE(3)积木姿态生成的扩散模型B. 模型架构C. 数据生…...

编程日记 2025/5/6 10:41:02

论文阅读笔记——TesserAct: Learning 4D Embodied World Models

TesserAct 论文采用RGB-DN（RGB深度法线） 作为 4D 场景中间表示，由此建模 4D 场景，比纯 2D 视频更准确地建模 3D 几何结构。相比现有的 4D 视频生成，优化速度快，收敛好，且首次从当前帧和文本描述…...

编程日记 2025/5/3 12:11:31

变转速振动信号分析处理与故障诊断算法模块

变转速振动信号分析处理与故障诊断算法模块，作为信号处理算法工具箱的主要功能模块，形成了以变转速振动信号分析处理与故障诊断算法模块的经典算法模型，可应用于各类关键机械部件（轴承、齿轮、转子等）的信号分析、故障…...

编程日记 2025/5/3 12:10:28

每日算法-250502

每日算法 - 2025.05.02 记录一下今天刷的几道 LeetCode 算法题。 3191. 使二进制数组全部等于 1 的最少操作次数 I 题目思路贪心解题过程遍历数组 nums。当我们遇到 nums[i] 时： 如果 nums[i] 是 1，我们不需要进行操作，因为目标是全 …...

编程日记 2025/5/3 12:10:28

如何在纯C中实现类、继承和多态（小白友好版）

基本实现原理 /* 通过结构体函数指针模拟类 */ typedef struct {// 成员变量int x; // 成员方法（函数指针） void (*print)(void* self); } MyClass;/* 成员函数实现 */ void my_print(void* self) {MyClass* obj (MyClass*)self;p…...

编程日记 2025/5/3 12:10:27

AE/PR插件转场创建大师专业版 Transition Master Pro v2.0.2 Win+使用教程

Transition Master Pro v2.0.2是一款原生转场插件，专为Adobe Premiere Pro和After Effects设计。它提供了创建、导出和销售自己的转场效果，或从一个庞大的转场预设库中选择。使用Transition Master Pro v2.0.2，您可以快速轻松地创建令人惊叹的…...

编程日记 2025/5/6 10:37:58

[Linux]从零开始的STM32MP157 Buildroot根文件系统构建

一、前言在前面的教程中，教了大家如何移植一个LInux的内核并且正确启动，我们发现Linux内核在启动后会出现一个错误，提示我们没有找到根文件系统。那么什么是根文件系统呢？之前我们使用Ubuntu编译了STM32MP157的TF-A,UBOOT,LINUX内…...

编程日记 2025/5/3 12:09:24

阿里云服务器篇五（加更）：短链服务网站：添加反垃圾邮件功能

文章目录系列文章（可选）更新YOURLS版本安装 Compliance 插件安装 Phishtank-2.0 插件（可选）安装 httpBL 插件样例网站（不推荐）使用谷歌解决方案更多系列文章阿里云服务器篇一：申请和初始化阿里云服务器篇二：搭建静态网站阿里云服务器篇三：提交搜索引擎收录阿…...

编程日记 2025/5/3 12:07:19

状压 DP 详解

文章目录简介做法洛谷 P1171 简介状压 DP 其实约等于一个 DP 的小技巧，一般应用在处理一个或多个集合的问题中（因为状压 DP 的下标就是一个集合），而且在 n n n 太大的时候建议不要使用这种方法。（如果你不懂&#…...

编程日记 2025/5/3 12:06:16

多模态大模型轻量化探索-视觉大模型SAM(Segment Anything Model)

往期，笔者基于LLava的数据对齐训练，搞了一个Reyes多模态大模型，并且看了些多模态大模型，相关开源的多模态大模型如：KimiVL、Internvl、QwenVL等，其视觉编码器的尺寸都比较大，如：Moon…...

编程日记 2025/5/6 10:35:07

数据分析_问题/优化

1 报表开发 1.1 数据问题 (1) 数据易错问题描述 ①数据整合困难:数据来源多样、格式差异大,整合时处理不当易丢错数据. ②计算逻辑复杂:开发人员对复杂计算逻辑的理解产生偏差,会导致计算结果不准. 解决方案 ①建立数据标准,统一修正字段命名、数据类型、日期格式等 ②加强…...

编程日记 2025/5/3 12:06:15

我的stm32驱动电机驱动着突然就卡死程序死机了是为什么

电源不稳定或干扰电机启动电流冲击：电机运行时可能导致电源电压跌落，影响STM32稳定性。需检查电源滤波电容、使用独立电源或增加稳压模块地线干扰：电机与MCU共地时，高频噪声可能通过地线耦合，需采用隔离电路或磁耦芯…...

编程日记 2025/5/6 10:42:32

使用 Java 实现一个简单且高效的任务调度框架

目录一、任务调度系统概述 （一）任务调度的目标 （二）任务调度框架的关键组成二、任务状态设计 （一）任务状态流转设计 （二）任务表设计（SQL） 三、单机任…...

编程日记 2025/5/3 12:04:09

Git 完整教程：初学者分步指南

大家好，这里是架构资源栈！点击上方关注，添加“星标”，一起学习大厂前沿架构！ Git 是一个分布式版本控制系统，可以帮助开发人员跟踪代码更改、与他人协作以及高效管理软件项目。无论您是初学者还是正在提升…...

编程日记 2025/5/6 10:37:58

数字智慧方案5856丨智慧环保综合解决方案（50页PPT）（文末有下载方式）

资料解读：智慧环保综合解决方案详细资料请看本解读文章的最后内容。随着城市化进程的加速和环境问题的日益严峻，智慧环保成为提升城市环境管理水平的重要手段。本文将对智慧环保综合解决方案进行详细解读，探讨其在实际应用中的需求、解决…...

编程日记 2025/5/3 11:59:59

VBA快速合并多列单元格

实例需求：工作表中第3行到第5行有如下图所示的数据表，为了方便展示，隐藏了部分列，实际数据为从C列到DO列。现需要合并第3行和第4行相同内容的单元格，如第10行到第12行所示。示例代码如下。 Sub MergeDemo()Dim dicM…...

编程日记 2025/5/3 11:59:58

区块链+IoT：创新场景落地背后的技术攻坚战

物联网（IoT）与区块链技术作为两大颠覆性技术，正通过深度融合推动各行各业的数字化转型。物联网通过连接海量设备实现数据互通与智能化管理，而区块链凭借去中心化、不可篡改和可追溯的特性，为物联网的安全性、隐私保护和…...

编程日记 2025/5/6 10:36:21

自动化测试项目2 --- 比特纵横 [软件测试实战 Java 篇]

目录项目介绍项目源码库地址项目功能测试 1. 自动化实施步骤 1.1 编写测试用例 1.2 自动化测试脚本开发 1.2.1 配置相关环境, 添加依赖 1.2.2 代码编写 2. 编写自动化脚本过程问题总结 2.1 Actons 方法的使用 2.2 等待的使用 2.3 页面操作项目性能测试 1. 进…...

编程日记 2025/5/3 11:57:52

【学习笔记】深入理解Java虚拟机学习笔记——第1章走进Java

第1章走进Java 1.1 概述 Java成功的原因 1>一次编写到处运行 2>内存管理安全，自动回收 3>运行时编译 4>强大成熟的第三方库 1.2 Java技术体系 1>Java技术体系组成： -Java语言 -Java虚拟机实现 -class文件格式 -Java类库API -第三方J…...

编程日记 2025/5/3 11:56:49

JavaScript性能优化实战之运行时性能优化

在 JavaScript 开发中，运行时性能优化是确保网页响应迅速和流畅的重要环节。优化运行时性能不仅能提高用户体验，还能在高并发的情况下保证应用的稳定性。本文将细化几个常见的 JavaScript 运行时性能优化策略，帮助你提高代码执行效率。 1️⃣ 避免不必要的内存分配和释放 J…...

编程日记 2025/5/3 11:56:48

走进AI的奇妙世界：探索历史、革命与未来机遇

2022年11月30日，ChatGPT的横空出世像一枚深水炸弹，掀起了全球范围的AI狂潮。但这场革命并非偶然——它背后是80年AI发展史的厚积薄发。从图灵的哲学思辨到深度学习的技术突破，再到生成式AI的“涌现”时刻，AI正以惊人的速度模糊人机…...

编程日记 2025/5/3 11:54:43

用c 编写的笔记搜索程序

{XXX文本记录} 文本记录格式 xxx 搜索词条 #include <stdio.h> #include <string.h> #include <stdlib.h>int main(void){FILE *ffopen("help.txt","r");if(fNULL){perror("file");return -1;}char nr[2000];f…...

编程日记 2025/5/3 11:53:40

鼎讯信通智能通信干扰设备：多频段多模态信号压制解决方案

在万物互联时代，通信安全已成为现代社会的核心基础设施防护重点。面对日益复杂的电磁环境挑战，新一代智能通信干扰设备通过技术创新实现了信号压制能力的革命性突破。本文将深入解析该设备的八大核心功能与技术特性，展现其在商业通信保障、工…...

编程日记 2025/5/3 11:51:37

软件测试概念

这里写目录标题需求开发模型软件生命周期瀑布模型螺旋模型增量模型、迭代模型敏捷模型Scrum 测试模型V模型W模型（双V模型） 需求用户需求：没有经过合理的评估，通常就是一句话软件需求：是开发人员和测试人员执行工作…...

编程日记 2025/5/3 11:51:36

数据库性能杀手与调优实践

目录前言一、索引缺失引发的全表扫描灾难1.现象与影响2.优化策略二、SELECT * 的隐性成本1.危害分析2.优化实践三、分页查询的性能陷阱1.深度分页问题2.优化方案对比四、执行计划分析方法论1.关键指标解读2.典型劣化模式识别五、综合优化最佳实践总结前言在数据库应用开…...

编程日记 2025/5/6 10:39:39

初始化列表详解

1.类中包含以下成员，必须放在初始化列表位置进行初始化： 1. 引用成员变量 2.const成员变量 3. 自定义类型成员(且该类没有默认构造函数时 ) 2. 成员变量在类中声明次序就是其在初始化列表中的初始化顺序，与其在初始化列表中的先后次序无关…...

编程日记 2025/5/6 10:42:33

【CVE-2025-1094】：PostgreSQL 14.15 SQL注入漏洞导致的RCE_ 利用代码和分析

目标 PostgreSQL 14.15BeyondTrust Privileged Remote Access (PRA) 和 Remote Support (RS) 软件受影响的版本：使用PostgreSQL 14.15及其版本的BeyondTrust产品Explain CVE-2025-1094 是 PostgreSQL 14.15 版本的 psql 交互式工具中发现的 SQL 注入漏洞。由于输入值的验证不…...

编程日记 2025/5/6 10:35:07

【验证技能】VIP项目大总结

VIP项目快做一段落了，历时一年半，也该要一个大汇总。 VIP简介 VIP开发流程 VIP难点进程同步打拍插入不同bit位宽数据问题。动态升降lane VIP做的不好的地方和改进想法各层之间交互 testsuite两端关键所有层的实现架构不统一 VIP经验 ** 架构…...

编程日记 2025/5/3 11:47:27

MyBatis 参数处理全解析

在 Java 开发领域，MyBatis 作为一款优秀的持久层框架，凭借其简洁的设计和强大的功能，受到了广大开发者的青睐。而参数处理作为 MyBatis 中一个至关重要的环节，掌握好它能让我们更高效地使用 MyBatis 进行数据库操作。本文将全面深…...

编程日记 2025/5/6 10:36:21

【自然语言处理与大模型】使用Xtuner进行QLoRA微调实操

本文首先对Xtuner这一微调框架进行简单的介绍。手把手演示如何使用Xtuner对模型进行微调训练，包括数据准备、训练命令执行及训练过程中的监控技巧。最后，在完成微调之后，本文还将介绍如何对微调结果进行简单对话测试。一、Xtuner微调框架 X…...

编程日记 2025/5/3 11:46:23

2023华为od统一考试B卷【二叉树中序遍历】

前言博主刷的华为机考题，代码仅供参考，因为没有后台数据，可能有没考虑到的情况如果感觉对你有帮助，请点点关注点点赞吧，谢谢你！ 题目描述思路 0.用Character数组存储树，index下标的左右…...

编程日记 2025/5/3 11:45:20

Midjourney 绘画 + AI 配音：组合玩法打造爆款短视频！

一、引言：AI 重构短视频创作范式在某短视频工作室的深夜剪辑室里，资深编导正在为一条古风剧情视频发愁：预算有限无法实拍敦煌场景，人工绘制分镜耗时 3 天，配音演员档期排到一周后。而使用 Midjourney 生成敦煌壁画风格的场景图仅需 15 分钟，AI 配音工具实时生成多角色台…...

编程日记 2025/5/3 11:44:18

敏感词 v0.25.1 新特性之返回匹配词，修正 tags 标签

开源项目敏感词核心 https://github.com/houbb/sensitive-word 敏感词控台 https://github.com/houbb/sensitive-word-admin 版本特性大家好，我是老马。敏感词以前在实现的时候，没有返回底层实际匹配的词，有时候问题排查非常耗费时间。 …...

编程日记 2025/5/6 10:41:02

【多线程】六、基于阻塞队列的生产者消费者模型

文章目录 Ⅰ. 生产者消费者模型的概念Ⅱ. 生产者消费者模型的优点Ⅲ. 基于阻塞队列的生产者消费者模型MakefileBlock_queue.hpptask.hpptest.cppⅣ. 如何理解提高了效率❓❓❓Ⅰ. 生产者消费者模型的概念生产者消费者模型是一种常见的并发模式，用于解决生产者和消费者之间…...

编程日记 2025/5/3 11:43:14

解决Flutter项目中Gradle构建Running Gradle task ‘assembleDebug‘卡顿问题的终极指南

解决Flutter项目中Gradle构建Running Gradle task ‘assembleDebug‘卡顿问题的终极指南前言在开发Flutter应用时，经常会遇到Gradle构建卡在Running Gradle task assembleDebug阶段的问题。本文将分享如何通过配置华为云镜像和使用自定义脚本下载依赖的方法解决这些问题。…...

编程日记 2025/5/3 11:40:06

IntelliJ IDEA 保姆级使用教程

文章目录一、创建项目二、创建模块三、创建包四、创建类五、编写代码六、运行代码注意七、IDEA 常见设置1、主题2、字体3、背景色八、IDEA 常用快捷键九、IDEA 常见操作9.1、类操作9.1.1、删除类文件9.1.2、修改类名称注意 9.2、模块操作9.2.1、修改模块名快速查看 9.2.2、导…...

编程日记 2025/5/3 11:36:53

从此，K8S入门0门槛！

前言当你想要入门K8S的时候，往往会被各种概念搞的晕乎乎的，什么API Server，Scheduler，Controller manager，Etcd，Pod，Kubelet，kube-proxy，deployment…… 哪怕你使用了…...

编程日记 2025/5/3 11:36:51

vue2和vue3组件如何监听子组件生命周期

在 Vue 中监听子组件的生命周期是一个常见需求，但 Vue 官方并不直接推荐这么做，因为这会打破组件的封装性。但在**一些特定场景（如自动化监控、封装逻辑复用）**下仍是有意义的。下面分别讲解 Vue 2 和 Vue 3 中如何监听子组件的…...

编程日记 2025/5/3 11:35:46

如何用Python绘制两个圆之间的8条公切线

引言在几何学中，两圆之间存在多种类型的公共切线。本文将通过Python代码演示如何绘制两个同心圆（半径分别为1.0和3.0）之间的8条公切线，并解释相关数学原理与代码实现细节。环境准备 import matplotlib.pyplot as plt import …...

编程日记 2025/5/3 11:33:41

会话历史管理——持久化

需求场景推荐方案理由中小企业级应用，需复杂查询MySQL/PostgreSQL事务支持完善，开发成本低海量数据高并发写入Cassandra水平扩展性强，写入性能高非结构化历史数据快速检索MongoDB灵活存储，内置全文检索本…...

编程日记 2025/5/6 10:39:39

C++之IO流

目录一、C语言的输入与输出二、流是什么三、CIO流 3.1、C标准IO流 3.2、C文件IO流四、stringstream的简单介绍一、C语言的输入与输出 C语言中我们用到的最频繁的输入输出方式就是scanf ()与printf()。 scanf(): 从标准输入设备(键盘)读取数据，并将值存放…...

编程日记 2025/5/3 11:29:22

maven install时报错：【无效的目标发行版: 17】

在很多次运行项目前的maven install时，我总是遇到无效的目标发行版: 17的问题，解决过之后就又忘了怎么解决，浪费了很多时间。。今天把他总结一下，如图报错： 解决方法注意： 如果只想解决这个项目的问题…...

编程日记 2025/5/3 11:29:21

开闭原则（OCP）

非常棒的问题！🔍 开闭原则（OCP, Open/Closed Principle）是软件设计的核心原则之一，下面我将从定义、意义、优劣分析、Python示例和结构图五个方面完整解析给你。 🧠 什么是开闭原则？ 开闭原则&a…...

编程日记 2025/5/3 11:28:19

FHQ Treap

按值分裂 /* 按值x分裂Treap：将树u分裂为<x的树l和>x的树r */ void split(int u, int x, int& l, int& r) {if (!u) { l r 0; return; } // 空树直接返回if (t[u].val < x) { // 当前节点值<x，应放入左树l u; …...

编程日记 2025/5/3 11:28:18

题解传送门

做个算法分类，这样找特定算法的题目就方便多了23333 竞赛工具【竞赛工具】——sublime text4 xcpc竞赛向配置教程【竞赛工具】——vscode xcpc竞赛向配置教程算法讲解 [算法学习]——通过RMQ与dfs序实现O(1)求LCA（含封装板子） [算法…...

编程日记 2025/5/3 11:28:17

ASP.NET MVC 入门与提高指南七

39. 量子安全通信与 MVC 应用保障 39.1 量子安全通信概念量子安全通信基于量子力学原理，利用量子态的特性（如量子纠缠、量子不可克隆定理）来实现信息的安全传输。与传统加密方式相比，量子安全通信能够提供更高的安全性&#xf…...

编程日记 2025/5/3 11:28:15

Linux工作台文件操作命令全流程解析

全文目录 1 确认当前工作路径2 导航与目录管理2.1 关键命令2.2 逻辑衔接 3 文件基础操作3.1 创建 → 备份 → 重命名 → 清理3.2 文件查看和编辑3.3 文件链接3.4 文件diff 4 文件权限与所有权管理5 文件打包与归档6 参考文献写在前面 shell是一种命令解释器，它提供…...

编程日记 2025/5/3 11:27:10

Bootstrap V4系列 学习入门教程之 表格（Tables）和画像（Figure）

表格（Tables）

一、Examples

二、Table head options 表格头选项

三、Striped rows 条纹行

四、Bordered table 带边框的表格

五、Borderless table 无边框表格

六、Hoverable rows 可悬停行

七、Contextual classes 情境类

画像（Figure）

相关文章：

Bootstrap V4系列学习入门教程之表格（Tables）和画像（Figure）