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

HTML5和CSS3新增特性

news 来源：原创 2025/7/18 6:52:17

HTML5的新特性

HTML5新增的语义化标签

HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。

这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。

好图当赏

一千布局我们是用div来做的，但是div对搜索引擎来说是没有语义的

<div class=“header”> </div> 
<div class=“nav”> </div> 
<div class=“content”> </div> 
<div class=“footer”> </div>

HTML5新增了语义化标签：

tips：

这种语义化标准主要是针对搜索引擎的

这些新标签页面中可以使用多次

在IE9中，需要把这些元素转换为块级元素

HTML5新增的多媒体标签

新增的多媒体标签主要包含：

音频：<audio>

视频：<video>

使用他们可以更方便的在页面中嵌入音频和视频，而不再使用flash和其他浏览器插件

HTML5 在不使用插件的情况下，也可以原生的支持视频格式文件的播放，支持的格式是有限的

当前<video>元素支持三种视频格式，尽量使用MP4格式

<video src="文件地址" controls="controls"></video>

有些低版本浏览器可能不支持这个格式

video有一些常见的属性：

关于音频，当前的 <audio>元素支持三种音频格式：

<audio src="文件地址" controls="controls"></audio>

< audio controls="controls" > <source src="happy.mp3" type="audio/mpeg" > <source src="happy.ogg" type="audio/ogg" >
</ audio>

音频的常见属性：

谷歌浏览器吧音频和视频的自动播放给禁止了

多媒体标签总结：

HTML5新增的input类型

语义化会更明显

我们需要重点记住number tel search这三个

有了这个提交表单如果格式不一样会报错

HTML5新增的表单属性

我们可以通过以下的方式修改placeholder里面的字体颜色：

input::placeholder { color: pink; }

CSS3的新特性

CSS3现状

新增的CSS3特性有兼容性问题，ie9+才支持

移动端支持优于PC端

不断的改进中

应用相对广泛

CSS新增选择器

CSS新增的选择器可以更加便捷更加自由的选择目标元素

属性选择器

属性选择器可以根据元素特定的属性来选择元素，这样就可以不用借助类或者id选择器

看到了吗孩子这就是属性选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>input[value]{color: pink;}</style>
</head>
<body><input type="text" value="请输入"><input type="text">
</body>
</html>

类选择器，属性选择器，伪类选择器的权重为10

结构伪类选择器

结构伪类选择器主要根据文档结构来选择器元素，经常用于根据父级选择器里面的子元素

这个nth-child可以选择某个父元素的一个或者多个特定的子元素

n可以是数字，关键字和公式

n如果是数字，就是选择第n个子元素，里面的数字从1开始

n 可以是关键字：even 偶数，odd 奇数

n 可以是公式：常见的公式如下 ( 如果n是公式，则从0开始计算，但是第 0 个元素或者超出了元素的个数会被忽略 )

这俩的区别：

1. nth-child 对父元素里面所有孩子排序选择（序号是固定的）

先找到第n个孩子，然后看看是否和E匹配

2. nth-of-type 对父元素里面指定子元素进行排序选择

先去匹配E ，然后再根据E找第n个孩子

小结

伪元素选择器

伪元素选择器可以帮助我们利用CSS创建新标签元素，而不需要HTML标签从而简化HTML结构

tips：

1.before 和 after 创建一个元素，但是属于行内元素

2.新创建的这个元素在文档树中是找不到的，所以我们称为伪元素

3.语法： element::before {}

4.before 和 after 必须有 content 属性

5.before 在父元素内容的前面创建元素，after 在父元素内容的后面插入元素

6.伪元素选择器和标签选择器一样，权重为 1

伪元素选择器有使用的场景：伪元素字体图标

p::before { position: absolute; right: 20px; top: 10px; content: '\e91e'; font-size: 20px; }

这就是，，，伪元素选择器

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>p{position: relative;width: 300px;height: 100px;background-color: pink;}p::before {position: absolute;right: 20px;top: 10px;background-color: aqua;content: '>';font-size: 20px;}</style>
</head>
<body><p>你好</p>
</body>
</html>

content是必须要写的，否则显示不出来

伪元素选择器使用场景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><style>.tudou{position: relative;width: 500px;height: 400px;}.tudou img{width: 100%;height: 100%;}.tudou::before{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background-color: rgb(0,0,0,0.4);}.tudou:hover::before{display: block;}</style>
</head>
<body><div class="tudou"><img src="./1714915128_new_IMG-20240503-WA0094.jpg" alt=""></div>
</body>
</html>

就是这个

然后伪元素还有一个使用场景是：伪元素清除浮动

伪元素清除浮动

1.额外标签法也称为隔墙法，是W3C推荐的做法

2.父级添加overflow属性

3.父级添加after伪元素

4.父级添加双伪元素

这个要求新的空标签必须是块级元素

伪元素清除浮动算是第一种额外标签法的升级和优化

CSS3盒子模型

CSS3中可以通过box-sizing来指定盒模型，有两个值：content-box和border-box

这样计算盒子大小的方式就发生了改变

可以分成两种情况：

1. box-sizing: content-box 盒子大小为 width + padding + border （以前默认的）

2. box-sizing: border-box 盒子大小为 width

如果盒子模型我们改为了box-sizing: border-box ，那padding和border就不会撑大盒子了（前提padding 和border不会超过width宽度）

CSS3还有其他特性，了解即可，可以让图片变模糊，计算盒子宽度width：calc函数

filter CSS属性将模糊或颜色偏移等图形效果应用于元素。

filter: 函数(); 例如： filter: blur(5px); blur模糊处理 数值越大越模糊

calc（）此CSS函数让我们声明CSS属性值时执行一些计算

 width: calc(100% - 80px);

括号里面可以使用 + - * / 来进行计算

CSS过渡

这是一个重点的特性，过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画：是从一个状态渐渐的过渡到另外一个状态可以让我们页面更好看，更动感十足，虽然低版本浏览器不支持（ie9以下版本）但是不会影响页面布局。

现在经常和:hover一起搭配使用

transition: 要过渡的属性 花费时间 运动曲线 何时开始;

1.属性：想要变化的 css 属性，宽度高度背景颜色内外边距都可以。如果想要所有的属性都变化过渡，写一个all 就可以。

2. 花费时间：单位是秒（必须写单位）比如 0.5s

3. 运动曲线：默认是 ease （可以省略）

4.何时开始：单位是秒（必须写单位）可以设置延迟触发时间默认是 0s （可以省略）

过渡就是谁需要就给谁加

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div{width: 200px;height: 100px;background-color: pink;transition: width .5s;}div:hover{width: 400px;}</style>
</head>
<body><div></div>
</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><style>div{width: 200px;height: 100px;background-color: pink;transition: width .5s,height .5s;}div:hover{width: 400px;height: 400px;}</style>
</head>
<body><div></div>
</body>
</html>

在Linux阶段我们自己手工搓了一个进度条，很原始（我们后端原始人是这样的）

前端可以实现更优雅的进度条（至少看起来是这样，代码难度肯定是后端高）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.bar{width: 250px;height: 10px;border: 1px solid red;border-radius: 7px;padding: 1px;}.bar_in{width: 50%;height: 100%;background-color: red;transition: width .8s;}.bar:hover .bar_in{width: 100%;}</style>
</head>
<body><div class="bar"><div class="bar_in"></div></div>
</body>
</html>

针对H5和C3有他们自己的相对论

HTML5结构标签本身：

CSS3相关样式：

而广义的HTML5是HTML5+CSS3+JS

这是HTML5 MDN的介绍：

https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/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><style>.box{height: 300px;width: 200px;background-color: white;}.box1 img{width: 100%;height: 180px;}span{font-size: 14px;color: #707070;}.old{font-size: 22px;color: rgb(226, 49, 49);font-weight: 700;}.new{font-weight: 700;text-decoration: line-through;}.box2{width: 150px;height: 30px;}.box2-in{width: 100px;height: 8px;border: 1px solid red;border-radius: 7px;padding: 1px;}.box2-in-in{width: 50%;height: 100%;background-color: red;transition: width .8s;}.box2-in:hover .box2-in-in{width: 100%;}.box3{width: 200px;height: 50px;color: white;font-weight: 700;background-color: rgb(179, 25, 27);text-align: center;line-height: 50px;}</style>
</head>
<body><div class="box"><div class="box1"><img src="./1714915128_new_IMG-20240503-WA0094.jpg" alt=""></div><span>安分守己，苹果石榴，(128G) 银色移动联通电信5G手机</span><span class="old">$6088</span><span class="new">$6988</span><div class="box2"><div class="box2-in"><div class="box2-in-in"></div></div></div><div class="box3">立即抢购</div></div>
</body>
</html>

这就是前端

HTML5和CSS3新增特性

HTML5的新特性 HTML5新增的语义化标签 HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是 IE9 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量…...

编程日记 2025/7/18 6:52:17

删除word中页眉里的横线

使用快捷键‌简单粗暴： 双击页眉，将光标定位在页眉的横线上，按下CtrlShiftN快捷键，页眉横线即可删除。...

编程日记 2025/7/7 21:11:48

列表代码思路

目录列表添加修改删除(单删,批删) 页面>Controller>service>Dao 一.列表的jsp页面 : 一. 想要用户已经来就看到的数据使用文档就绪函数 ①文档就绪函数 : 二. 封装ajax方法二 : 在body中间一 : 多条件查询的文本框二. 写列表三.在body的下面写脚本 1.给搜…...

编程日记 2025/7/18 6:49:51

40分钟学 Go 语言高并发：Context包与并发控制

Context包与并发控制学习目标知识点掌握程度应用场景context原理深入理解实现机制并发控制和请求链路追踪超时控制掌握超时设置和处理API请求超时、任务限时控制取消信号传播理解取消机制和传播链优雅退出、资源释放context最佳实践掌握使用规范和技巧工程实践中的常见场景…...

编程日记 2025/7/18 6:48:48

el-row el-col显示失效问题修复

el-row el-col显示失效问题： 在列表显示页面，头部有几个搜索框和选择框，由于搜索条件框太多，写了el-row 和el-col进行分行分列展示。测试发现并没有按照行列展示。 <el-form :inline"true" :model"paramForm…...

编程日记 2025/7/18 6:42:07

libphone desktop编译

linphone-desktop 在ubuntu20.04 下编译 linphone 介绍 Linphone是一款遵循GPL的开源网络视频电话系统，支持多种平台如Windows、Linux、Android等。它基于SIP协议，提供语音、视频通话及即时文本消息功能。核心功能包括SIP用户代理、音频视频Codec支持、…...

编程日记 2025/7/14 23:32:13

实现一个可配置的TCP设备模拟器，支持交互和解析配置

前言诸位在做IOT开发的时候是否有遇到一个问题，那就是模拟一个设备来联调测试，虽然说现在的物联网通信主要是用mqtt通信，但还是有很多设备使用TCP这种协议交互，例如充电桩，还有一些工业设备，TCP这类报文交…...

编程日记 2025/7/15 10:22:51

Rust环境安装乱码解决

安装rust环境open with visual studio2022操作系统乱码问题解决打开“设置”，找到“时间和语言”。进去之后依次选择“语言”->"管理语言设置"->“更改系统区域设置” 取消勾选“Beta版:使用Unicode UTF-8 提供全球语言支持”，然后重…...

编程日记 2025/7/10 16:56:26

Zookeeper实现分布式锁、Zookeeper实现配置中心

一、Zookeeper实现分布式锁分布式锁主要用于在分布式环境中保证数据的一致性。包括跨进程、跨机器、跨网络导致共享资源不一致的问题。 1.Zookeeper分布式锁的代码实现新建一个maven项目ZK-Demo,然后在pom.xml里面引入相关的依赖 <dependency><groupId>com.…...

编程日记 2025/7/18 6:51:06

学习日记_20241126_聚类方法（自组织映射Self-Organizing Maps, SOM）

前言提醒： 文章内容为方便作者自己后日复习与查阅而进行的书写与发布，其中引用内容都会使用链接表明出处（如有侵权问题，请及时联系）。其中内容多为一次书写，缺少检查与订正，如有问题或其他拓展…...

编程日记 2025/7/18 6:43:14

【webrtc】 mediasoup中m77的IntervalBudget及其在AlrDetector的应用

IntervalBudget 用于带宽控制和流量整形 mediasoup中m77 代码的IntervalBudget ，版本比较老IntervalBudget 在特定时间间隔内的比特预算管理，从而实现带宽控制和流量整形。一。 pacedsender 执行周期：下一次执行的时间的动态可变的 int64_t PacedSender::TimeUntilNextPr…...

编程日记 2025/7/17 15:16:27

Python学习指南 + 谷歌浏览器如何安装插件

找往期文章包括但不限于本期文章中不懂的知识点： 个人主页：我要学编程(ಥ_ಥ)-CSDN博客所属专栏： Python 目录前言 Python 官方文档的使用谷歌浏览器中如何安装插件前言在学习Python时，我们可能会出现这样的困惑&#x…...

编程日记 2025/7/18 6:40:41

leetcode - LRU缓存

什么是 LRU LRU (最近最少使用算法), 最早是在操作系统中接触到的, 它是一种内存数据淘汰策略, 常用于缓存系统的淘汰策略. LRU算法基于局部性原理, 即最近被访问的数据在未来被访问的概率更高, 因此应该保留最近被访问的数据. 最近最少使用的解释 LRU (最近最少使用算法), 中…...

编程日记 2025/7/18 6:36:55

RabbitMQ7：消息转换器

欢迎来到“雪碧聊技术”CSDN博客！ 在这里，您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者，还是具有一定经验的开发者，相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导，我将…...

编程日记 2025/7/13 22:54:48

C#(14）七大原则

前言其实在面向对象设计里，程序猿们互相约定好一些原则，即七大原则。面向对象的七大原则是一组指导软件设计的原则，旨在帮助开发人员实现松耦合、可维护和可扩展的软件系统。这些原则的设计过程和发展历史可以追溯到20世纪80年代。单一职…...

编程日记 2025/7/18 6:32:13

JDBC使用连接池druid操作数据库mysql

// 创建DruidDataSource实例DruidDataSource dataSource = new DruidDataSource();String url = "jdbc:mysql://localhost:3306/demo_base?useUnicode=true&characterEncoding=utf8&useSSL=true";String username...

编程日记 2025/7/18 6:45:27

零碎04 MybatisPlus自定义模版生成代码

目录背景动手开干需要的依赖包，需要注意mybatis-plus-generator的3.5版本是没有兼容历史版本的。定义一个CodeGenerator类，负责生成代码和配置属性 Entity模版背景 MybatisPlus代码生成使用默认的velocity模版解决不了定制化的需求&#xff0…...

编程日记 2025/7/14 12:35:35

rk3568-linux-5.10.160移植rtl8822cs wifi 模块纪要

rk3568-linux-5.10.160移植rtl8822cs wifi 模块纪要 1、将驱动添加到 kernel/drivers/net/wireless/rockchip_wlan/ 或者 kernel/drivers/net/wireless/realtek/rtlwifi/ 2、修改该目录下的makefile、kconfig 3、修改rtl8822cs/os_dep/linux/os_intfs.c，添加 MO…...

编程日记 2025/7/13 23:08:36

uniapp接入高德地图

下面代码兼容安卓APP和H5 高德地图官网：我的应用 | 高德控制台 ，绑定服务选择《Web端(JS API)》 /utils/map.js 需要设置你自己的key和安全密钥 export function myAMap() {return new Promise(function(resolve, reject) {if (typeof window.onLoadM…...

编程日记 2025/7/14 1:26:50

如何通过高效的缓存策略无缝加速湖仓查询

引言本文将探讨如何利用开源项目 StarRocks 的缓存策略来加速湖仓查询，为企业提供更快速、更灵活的数据分析能力。作为 StarRocks 社区的主要贡献者和商业化公司，镜舟科技深度参与 StarRocks 项目开发，也为企业着手构建湖仓架构提供更多参考…...

编程日记 2025/7/17 4:55:08

微信小程序数据请求教程：GET与POST请求详解

微信小程序数据请求教程：GET与POST请求详解引言在微信小程序的开发过程中，数据请求是至关重要的一部分。通过与后端服务器进行通信，小程序能够获取动态数据，实现丰富的功能。在这篇文章中，我们将深入探讨微信小程序中的数据请求，重点介绍GET和POST请求的使用方法、示…...

编程日记 2025/7/10 0:47:54

【Redis 】Bitmap 使用

Redis Bitmap介绍 Redis Bitmap 是一种特殊的数据类型，它通过字符串类型键来存储一系列连续的二进制位（bits），每个位可以独立地表示一个布尔值（0 或 1）。这种数据结构非常适合用于存储和操作大量二值状态的…...

编程日记 2025/7/17 19:28:42

【C语言】指针与数组的例题详解：深入分析与高级用法

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C语言文章目录 💯前言💯题目一详细分析与解答代码逐步解析 💯进一步优化和拓展1. 指针与数组的关系2. 指针运算的注意事项3. 常见的错误和陷阱4. 拓展：指针操作的应用场…...

编程日记 2025/7/15 23:43:39

CTF之密码学（密码特征分析）

一.MD5,sha1,HMAC,NTLM 1.MD5：MD5一般由32/16位的数字(0-9)和字母(a-f)组成的字符串 2.sha1：这种加密的密文特征跟MD5差不多，只不过位数是40（sha256：64位；sha512:128位） 3.HMAC：这种算法就是在前两种加密的基础上引入了秘钥，而秘钥又只有传输双方才知道，所以基本上…...

编程日记 2025/7/13 21:49:22

docker compose 使用记录

作用 Docker Compose 是一个用于定义和运行多容器 Docker 应用程序的工具。通过一个 YAML 文件来配置应用程序的服务，然后使用一个命令即可创建并启动所有服务。文档位置 Part 7: Use Docker Compose | Docker Docs 使用方法 1. 安装 Docker Compose sudo curl -…...

编程日记 2025/7/14 20:07:13

Python的3D可视化库 - vedo (3)visual子模块点对象的可视化控制

文章目录 3 PointsVisual的方法3.1 对象属性3.1.1 顶点大小3.1.2 复制属性3.1.3 颜色设置3.1.4透明度设置 3.2 对象光效3.2.1 点的形状3.2.2 点的表面光效 3.3 尾随线和投影3.3.1 尾随线3.3.2 投影 3.4 给对象附加文字说明3.4.1 标注3.4.2 2D标注3.4.3 气泡说明3.4.4 旗标说明3…...

编程日记 2025/7/16 1:38:03

计算机网络易混淆知识点串记

文章目录计算机网络易混淆知识点串记各层PDU首部:地址长度计算机网络易混淆知识点串记各层PDU首部: PUD首部长度 (B:字节)首部单位数据链路–帧帧首:14B帧尾部:4B——IPV420~60字节4B [通过4位二进制表示]IPV6固定首部40字节[可拓展]4BTCP20~60字节4BUDP8B字节地址长度 …...

编程日记 2025/7/13 6:04:50

信息安全实验--密码学实验工具：CrypTool

1. CrypTool介绍💭 CrypTool 1的开源教育工具，用于密码学研究。通过CrypTool 1，可以实现加密和解密操作，数字签名。CrypTool1和2有很多区别的。 2. CrpyTool下载🔧 在做信息安全实验--密码学相关实验时，发…...

编程日记 2025/7/14 10:19:23

Leetcode 将有序数组转换为二叉搜索树

算法思想及代码解析： 这段代码的目的是将一个有序数组转换为高度平衡的二叉搜索树（Balanced Binary Search Tree, BST）。以下是算法的详细解释： 1. 什么是高度平衡的二叉搜索树？ 二叉搜索树：对于树中的每…...

编程日记 2025/7/13 1:31:47

VMware虚拟机安装Win7专业版详细教程（附镜像包）

目录一、Win7镜像下载二、配置虚拟机三、安装Win7 四、常见问题一、Win7镜像下载镜像下载链接：https://pan.quark.cn/s/a8d3a2880101 此镜像为Win7专业版（收藏级镜像已自用几年） 官方纯净系统没有附带任何其他第三方软件&#xf…...

编程日记 2025/7/16 17:30:58

IDEA算法的详细介绍及Python实现

目录 IDEA算法的详细介绍及Python实现引言第一部分：IDEA算法的原理与背景1.1 IDEA算法的来源与特点1.2 IDEA算法的核心步骤第二部分：IDEA算法的Python实现（面向对象设计）2.1 核心类设计2.2 代码实现2.3 使用示例第三部分：案例1 - 函数优化问题（策略模式）3.1 问题描述3.2…...

编程日记 2025/7/12 22:44:21

Spring Boot 开发环境搭建详解

下面安装spring boot的详细步骤，涵盖了从安装 JDK 和 Maven 到创建和运行一个 Spring Boot 项目的全过程。文章目录 1. 安装 JDK步骤 1.1：下载 JDK步骤 1.2：安装 JDK步骤 1.3：配置环境变量 2. 安装 Maven步骤 2.1：下载…...

编程日记 2025/7/14 11:12:34

Element-Ui组件（icon组件）

一、前言本篇文章主要是对官网的Icon组件进行总结归纳Icon 图标 | Element Plus 在现代Web应用开发中，图标是用户界面设计中不可或缺的一部分。它们不仅提升了用户体验，还使得信息的传达更加直观和高效。本文主要对Element Plus 官方提供的Icon组件进行…...

编程日记 2025/7/18 1:01:12

使用docker搭建hysteria2服务端

源链接：https://github.com/apernet/hysteria/discussions/1248 官网地址：https://v2.hysteria.network/zh/docs/getting-started/Installation/ 首选需要安装docker和docker compose 切换到合适的目录 cd /home创建文件夹 mkdir hysteria创建docke…...

编程日记 2025/7/15 10:30:21

Docker login 报证书存储错误的解决办法

文章目录 docker login 出现错误，提示：Error saving credentials: error storing credentials - err: exit status 1, out: Cannot autolaunch D-Bus without X11 $DISPLAY 环境使用的是 Mint Linux ，容器为 docker-ce 最新版 1 2 3 4 $…...

编程日记 2025/7/9 8:24:22

vxe-modal VxeUI 窗口组件弹窗多窗口模式

VxeUI 实现在 vue 中使用弹窗组件，弹窗多个窗口可叠加，实现多实例的窗口组件。 npm install vxe-pc-ui4.3.6// ...import VxeUI from vxe-pc-uiimport vxe-pc-ui/lib/style.css// ...createApp(App).use(VxeUI).mount(#app)// ...官网：https…...

编程日记 2025/7/15 8:40:03

华为昇腾 acl_pytorch

目录 sam部署教程： segment-anyghing地址： sam onnx地址： 报错： encode继续报错： sam部署教程： Ascend/ModelZoo-PyTorch - Gitee.com segment-anyghing地址： https://github.com/visher…...

编程日记 2025/7/9 14:26:05

Mybatis控制台打印SQL执行信息(执行方法、执行SQL、执行时间)

文章目录前言一、基本功能介绍1.1本章功能效果预览图: 二、可执行源码2.1 yaml基础配置2.2 MybatisAnalyzeSQLInterceptor实现SQL拦截前言 SQL性能监控是一个程序必要的功能，通常我们可以使用数据库自带的客户端工具进行SQL性能分析。然而对于一些专业度不高的人…...

编程日记 2025/7/14 19:07:01

Easyui 实现订单拆分开票功能

Easyui 实现订单拆分开票功能需求 1、实现一个订单开具多分发票功能； 2、支持拆行； 3、支持拆数量； 流程设计 1、操作页面展示订订单头信息，订单明细信息 2、点击新增发票按钮弹出一个弹出框用于创建一张拆分发票，弹…...

编程日记 2025/7/14 5:10:23

docker-elasticsearch-kibana-logstash

一、安装 Elasticsearch 尝试直接拉取 Elasticsearch 镜像： 执行 docker pull docker.elastic.co/elasticsearch/elasticsearch，拉取失败，错误提示为 “Error response from daemon: manifest for docker.elastic.co/elasticsearch/elasticse…...

编程日记 2025/7/13 12:07:19

深入理解注意力机制（Attention Mechanism）

在深度学习中，“注意力机制（Attention Mechanism）”是近年来的一个重要突破。它最初被提出用于处理自然语言处理（NLP）任务，但如今已经广泛应用于计算机视觉、强化学习和其他领域。注意力机制赋予模型一种“…...

编程日记 2025/7/17 17:01:19

大数据-231 离线数仓 - DWS 层、ADS 层的创建 Hive 执行脚本

点一下关注吧！！！非常感谢！！持续更新！！！ Java篇开始了！ 目前开始更新 MyBatis，一起深入浅出！ 目前已经更新到了： Hadoop&#xff0…...

编程日记 2025/7/12 23:31:10

vitess使用：基于源码运行vtctldclient工具

继续未完成的探索事业。这篇文章《vitess使用：从部署到go客户端连接查询》记录了基于官方文档起的一个vitess的server。由于设置分库分表的规则，需要使用vtctldclient这个工具，这个工具的摸索费了诸多周折，《vitess使用记录&…...

编程日记 2025/7/14 9:05:36

计算机毕业设计 | SpringBoot+vue健身房管理系统(附源码+论文)

1，研究背景互联网概念的产生到如今的蓬勃发展，用了短短的几十年时间就风靡全球，使得全球各个行业都进行了互联网的改造升级，标志着互联网浪潮的来临。在这个新的时代，各行各业都充分考虑互联网是否能与本行业进行结合…...

编程日记 2025/6/30 7:36:45

计算机网络-GRE（通用路由封装协议）简介

昨天我们学习了VPN的基本概念，虚拟专用网络在当前企业总部与分支间广泛使用。常用的划分方法为基于协议层次有GRE VPN、IPSec VPN、L2TP VPN、PPTP VPN、SSL VPN等。其实我有考虑该怎么讲，因为在IP阶段好像虚拟专用网络讲得不深，在IE的阶段会…...

编程日记 2025/7/13 14:44:26

汽车渲染领域：Blender 和 UE5 哪款更适用？两者区别？

在汽车渲染领域，选择合适的工具对于实现高质量的视觉效果至关重要。Blender和UE5（Unreal Engine 5）作为两大主流3D软件，各自在渲染动画方面有着显著的差异。本文将从核心定位与用途、工作流程、渲染技术和灵活性、后期处理与合成四…...

编程日记 2025/7/15 22:40:36

服务器数据恢复—光纤存储FC硬盘数据恢复案例

服务器存储数据恢复环境： 某品牌光纤存储上共有16块FC硬盘。存储上的卷映射到Linux操作系统上。Linux操作系统上运行Oracle数据库。服务器存储故障&检测： 存储上2块硬盘故障灯亮起，存储映射到linux操作系统上的卷挂载不上，业…...

编程日记 2025/7/16 23:15:43

MySQL系列之远程管理（安全）

导览前言Q：如何保障远程登录安全一、远程登录的主要方式1. 用户名/口令2. SSH3. SSL/TLS 二、使用TLS协议加密连接1. 服务端2. 客户端结语精彩回放前言在我们的学习或工作过程中，作为开发、测试或运维人员，经常会通过各类客户端软件&…...

编程日记 2025/7/8 9:18:43

硬菜！高精度！BO-Transformer贝叶斯优化编码器多特征分类预测/故障诊断

硬菜！高精度！BO-Transformer贝叶斯优化编码器多特征分类预测/故障诊断目录硬菜！高精度！BO-Transformer贝叶斯优化编码器多特征分类预测/故障诊断效果一览基本介绍程序设计参考资料效果一览基本介绍 1.Matlab实现BO-Transform…...

编程日记 2025/7/14 14:42:06

idea_常用设置

相关设置项目的JDK设置out目录取消自动更新设置主题设置菜单和窗口字体大小滚轮调节字体大小显示行号与方法分隔符代码智能提示忽略大小写自动导包配置设置项目文件编码设置控制台的字符编码修改类头的文档注释信息设置自动编译项目的JDK设置 File -> Project Structure -…...

编程日记 2025/7/15 18:11:52