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

CSS3新增特性

news 文章来源：https://blog.csdn.net/JLY19970726/article/details/135174125 2024/9/22 19:39:18

CSS3

CSS3私有前缀

W3C 标准所提出的某个CSS 特性，在被浏览器正式支持之前，浏览器厂商会根据浏览器的内核，使用私有前缀来测试该 CSS 特性，在浏览器正式支持该 CSS 特性后，就不需要私有前缀了。

查询 CSS3 兼容性的网站: Can I use... Support tables for HTML5, CSS3, etc

常见浏览器私有前缀

Chrome 浏览器:-webkit-

Safari 浏览器:-webkit-

Firefox 浏览器: -moz-

Edge 浏览器: -webkit-。

旧 Opera 浏览器: -o-

旧 IE 浏览器: -ms-

注意:

我们在编码时，不用过于关注浏览器私有前缀，不用绞尽脑汁的去记忆，也不用每个都去查询，因为常用的CSS3 新特性，主流浏览器都是支持的，即便是为了老浏览器而加前缀，我们也可以借助现代的构建工具，去帮我们添加私有前缀。

CSS3 新增长度单位

1. rem 根元素字体大小的倍数，只与根元素字体大小有关

2. vw 视口宽度的百分之多少 10vw 就是视口宽度的 10%。

3. vh 视口高度的百分之多少 10vh 就是视口高度的 10%。

4.vmax 视口宽高中大的那个的百分之多少。 (了解即可)

5.vmin 视口宽高中小的那个的百分之多少。(了解即可)

CSS3 新增颜色设置方式

CSS3 新增了三种颜色设置方式，分别是: rgba、 hsl、 hsla

css3新增盒子属性

box-sizing怪异盒模型

content-box width 和 height 设置的是盒子内容区的大小。 (默认值)

border-box width 和 height 设置的是盒子总大小。 (怪异盒模型)

resize调整盒子大小（必须和overflow配合起来使用）

none 不允许用户调整元素大小。(默认)

both 用户可以调节元素的宽度和高度

horizontal 用户可以调节元素的宽度

vertical 用户可以调节元素的高度

box-shadow盒子阴影

语法:

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow 水平阴影的位置，必须填写，可以为负值

V-shadow 垂直阴影的位置，必须填写，可以为负值

blur 可选，模糊距离

spread 可选，阴影的外延值

color 可选，阴影的颜色

inset 可选，将外部阴影改为内部阴影

默认值: box-shadow:none 表示没有阴影

/* 写两个值，含义:水平位置、垂直位置 */

box-shadow: 10px 10px;

/* 写三个值，含义:水平位置、垂直位置、颜色 */

box-shadow: 10px 10px red;

/* 写三个值，含义:水平位置、垂直位置、模糊值 */

box-shadow:10px 10px 10px;

/* 写四个值，含义:水平位置、垂直位置、模糊值、颜色 */

box-shadow:10px 10px 10px red;

/* 写五个值，含义:水平位置、垂直位置、模糊值、外延值、颜色 */

box-shadow: 10px 10px 10px 10px blue;

/* 写六个值，含义:水平位置、垂直位置、模糊值、外延值、颜色、内阴影 */

box-shadow: 10px 10px 20px 3px blue inset;

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>盒子阴影</title><style>#box1{width:100px;height:68px;box-shadow:10px 10px 12px 2px blue;}#box2{margin-top:30px;width:100px;height:68px;border:3px solid greenyellow;/*轮廓线*/outline-offset:3px;outline:5px solid cornflowerblue;}#box3{margin-top:30px;width:100px;height:68px;background-image:url(img/1.png);}#box4{margin-top:30px;width:100px;height:68px;background-image:url(img/1.png);opacity: 0.3;}</style></head><body><div id="box1"></div><div id="box2"></div><div id="box3"></div><div id="box4"></div></body>
</html>

新增不透明度

opacity 属性能为整个元素添加透明效果，值是0到1之间的小数， 0是完全明，1表示完全不透明。

opacity 与 rgba 的区别?

opacity 是一个属性，设置的是整个元素 (包括元素里的内容)的不诱明度，rgba 是颜色的设置方式，用于设置颜色，它的透明度，仅仅是调整颜色的透明度

新增背景属性

background-clip

作用: 设置背景图的向外裁剪的区域。

语法.

1. border-box : 从 border 区域开始向外裁剪背景。-- 默认值

2. padding-box : 从 padding 区域开始向外裁剪背景。

3content-box :从 content 区域开始向外裁剪背景

text : 背景图只呈现在文字上。

而且文字需要设置为透明的

注意:若值为 text ，那么 backgroun-clip 要加上 -webkit- 前缀。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>盒子阴影</title><style>div{width:1000px;height:600px;/*设置div中的内容水平垂直居中的最简单的方法*/display: flex;justify-content: center;align-items: center;/*设置div在页面水平垂直居中*/position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-image: url(img/src=http___safe-img.xhscdn.com_bw1_9718ddea-fa87-4e90-a680-514867e7f696_imageView2_2_w_1080_format_jpg&refer=http___safe-img.xhscdn.webp);font:  italic bold 90px "times new roman",serif;/*设置文字为透明的*/color:transparent;-webkit-background-clip:text;}</style></head><body><div>Merry Christmas</div></body>
</html>

background-origin

作用: 设置背景图的原点

语法

padding-box:从 padding 区域开始显示背景图像。-- 默认值
border-box 从 border 区域开始显示背景图像.
content-box : 从 content 区域开始显示背景图像。

background-size

作用:设置背景图的尺寸

语法:

1.用长度值指定背景图片大小，不允许负值。

background-size: 300px 200px;

2.用百分比指定背景图片大小不允许负值。

background-size: 100% 100%;

3.auto :背景图片的真实——默认值

4.contain: 将背景图片等比缩放，使背景图片的宽或高，与容器的宽或高相等再将完整背景图片包含在容器内，但要注意:可能会造成容器里部分区域没有背景图片。

background-size: contain;

5.cover:将背景图片等比缩放，直到完全覆盖容器，图片会尽可能全的显示在元素上，但要注意: 背景5图片有可能显示不完整。-- 相对比较好的选择

background-size: cover;

backgorund 复合属性

语法:

background: color url repeat position / size origin clip

注意:

1.origin 和 clip 的值如果一样，如果只写一个值，则origin 和 clip 都设置;如果设置了两个

值，前面的是 origin ，后面的 clip。

size 的值必须写在 position 值的后面，并且用 / 分开

CSS3 允许元素设置多个背景图片

/* 添加多个背景图 */

background: ur1(../images/bg-lt.png) no-repeat

ur1( ../images/bg-rt.png) no-repeat right top,

ur1( ../images/bg-lb .png) no-repeat left bottom,

url(../images/bg-rb.png) no-repeat right bottom;

background-image只能写背景图，而且后面不能写属性那些

边框圆角

在 CSS3 中，使用 border-radius 属性可以将盒子变为圆角

同时设置四个角的圆角:

border-radius :10px;

分开设置每个角的角 (几乎不用)

一个值是正圆半径

两个值分别是圆的 x 半径、y 半

border-top-left-radius 设置左上角圆角半径:

border-top-right-radius 设置右上角圆角半径

border-bottom-right-radius 设置右下角圆角半径

border-bottom-left-radius 设置左下角圆角半径

分开设置每个角的圆角，综合写法 (几乎不用) :

border-raidus: 左上角x 右上角X 右下角X 左下角x / 左上y 右上y 右下y 左下y

边框外轮廓 (了解)

外轮廓的宽度outline-width :

外轮廓的颜色outline-color

外轮廓的风格 outline-style

none : 无轮廓

dotted : 点状轮廓

dashed : 虚线轮廓

solid : 实线轮廓0

double : 双线轮廓

outline-offset 设置外轮廓与边框的距离，正负值都可以设置

注意: outline-offset 不是 outline 的子属性，是一个独立的属性.

outline 复合属性

outline:50px solid blue;

outline不计算宽度不占位

CSS3新增文本属性

7.1文本阴影

在 CSS3 中，我们可以使用 text-shadow 属性给文本添加阴影

语法: text-shadow: h-shadow v-shadow blur color;

h-shadow 必需写，水平阴影的位置。允许负值。

V-shadow 必需写，垂直阴影的位置。允许负值。

blur 可选，模糊的距离

color 可选，阴影的颜色

默认值: text-shadow:none表示没有阴影

<head><meta charset="UTF-8"><title>盒子阴影</title><style>span{font-size:90px;color:orange;text-shadow:10px 4px 8px yellow;}</style></head><body><span>你好</span></body>

文本换行

在 CSS3 中，我们可以使用 white-space 属性设置文本换行方式

常用值如下:

normal 文本超出边界自动换行，文本中的换行被浏览器识别为一个空格。(默认值)

pre 原样输出，与 pre 标签的效果相同。

pre-wrap 在 pre 效果的基础上，超出元素边界自动换行

pre-line 在 pre 效果的基础上，超出元素边界自动换行，且只识别文本中的换行，空格会忽略.

nowrap 强制不换行

文本溢出

在 CSS3 中，我们可以使用 text-overflow 属性设置文本内容溢出时的呈现模式。

常用值如下:

clip 当内联内容溢出时，将溢出部分裁切掉。(默认值)

ellipsis 当内联内容溢出块容器时，将溢出部分替换为 ...。

注意: 要使得 text-overflow 属性生效，块容器必须显式定义 overflow 为非 visible 值white-space 为 nowrap 值

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>盒子阴影</title><style>ul {width: 400px;height: 400px;border: 1px solid black;font-size: 20px;list-style: none;padding-left:0;padding: 10px;}li {margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}</style></head><body><ul><li>焦点访谈: 隐形冠军 匠心打造 分毫必争</li><li>我，嫁到日本才发现，女性活得真憋屈，体毛不能有，放屁也不自由</li><li>高洪波无缘!足协盟主热门人选曝光，3选1，冷门人物或成黑马杀出</li><li>《狂飙》爆火以后“疯驴子”被骂上热搜: 跪着赚钱丢人吗</li></ul></body>
</html>

文本修饰

CSS3 升级了 text-decoration 属性，让其变成了复合属性

text-decoration: text-decoration-line ||text-decoration-style || text-decoration-color

子属性及其含义:

text-decoration-line 设置文本装饰线的位置

none : 指定文字无装饰 (默认值)

underline : 指定文字的装饰是下划线

overline : 指定文字的装饰是上划线

line-through : 指定文字的装饰是贯穿线

text-decoration-style 文本装饰线条的形状

solid :实线(默认)

double : 双线

dotted :点状线条

dashed :虚线

wavy : 波浪线

text-decoration-color 文本装饰线条的颜色

文本描边

注意:文字描边功能仅webkit内核浏览器支持

-webkit-text-stroke-width : 设置文字描边的宽度，写长度值。

-webkit-text-stroke-color : 设置文字描边的颜色，写颜色值

-webkit-text-stroke : 复合属性，设置文字描边宽度和颜色

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>盒子阴影</title><style>span{-webkit-text-stroke-width: 3px;-webkit-text-stroke-color: cornflowerblue;font-size:90px;color:orange;}</style></head><body><span>Merry Christmas</span></body>
</html>

CSS3新增特性

CSS3 CSS3私有前缀 W3C 标准所提出的某个CSS 特性，在被浏览器正式支持之前，浏览器厂商会根据浏览器的内核，使用私有前缀来测试该 CSS 特性，在浏览器正式支持该 CSS 特性后，就不需要私有前缀了。查询 CSS3 兼容性的网…...

编程日记 2023/12/24 12:16:16

Unity中Shader观察空间推导

文章目录前言一、本地空间怎么转化到观察空间二、怎么得到观察空间的基向量1、Z轴向量2、假设观察空间的 Y~假设~ (0,1,0)3、X Y 与 Z 的叉积4、Y X 与 Z 的叉积三、求 [V~world~]^T^1、求V~world~2、求[V~world~]^T^ 四、求出最后在Unity中使用的公式1、偏移坐标轴2、把…...

编程日记 2023/12/24 12:11:12

信息学奥赛一本通2034：【例5.1】反序输出

2034：【例5.1】反序输出时间限制: 1000 ms 内存限制: 65536 KB 提交数: 79280 通过数: 35643 【题目描述】输入nn个数,要求程序按输入时的逆序把这nn个数打印出来，已知整数不超过100100个。也就是说，按输入相反顺序打印这nn个…...

编程日记 2023/12/24 12:10:11

使用教程之【SkyWant.[2304]】路由器操作系统，破解移动【Netkeeper】校园网【小白篇】

许多高校目前饱受Netkeeper认证的痛苦，普通路由器无法使用， 教你利用SkyWant的Netkeeper认证软件来使你的SkyWant路由器顺利认证上网，全宿舍又可以合作共赢了！ 步骤一：正确连接网线，插电开机正确连接网…...

编程日记 2023/12/24 12:09:10

模式识别与机器学习（十）：梯度提升树

1.原理提升方法实际采用加法模型（即基函数的线性组合）与前向分步算法。以决策树为基函数的提升方法称为提升树（boosting tree）。对分类问题决策树是二叉分类树，对回归问题决策树是二叉回归树。提升树模型可以表示为决…...

编程日记 2023/12/24 12:08:09

《剑指offer》Java版--12.矩阵中的路径（DFS+剪枝）

剑指offer原题:矩阵中的路径请设计一个函数，用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径。路径可以从矩阵中的任意一格开始，每一步可以在矩阵中向左、右、上、下移动一格。如果一条路径经过了矩阵的某一格，那么该路径不能再…...

编程日记 2023/12/24 12:07:07

AI智能体的介绍

最近几个月随着大语言模型的持续火爆利用大模型来构建AI智能体的研究呢也陆续进入了人们的视野 AI智能体这个概念呢也逐渐的流行开来先是斯坦福大学谷歌的研究者们成功的构建了一个虚拟小镇小镇上的居民呢不再是人而是25个AI的智能体他们的行为呢比人类角…...

编程日记 2023/12/24 12:06:06

Java设计模式-单例模式（Singleton）

Java中实现单例模式有几种不同的方式，每种方式都有其特点和适用场景。下面是两种常用的实现方式：懒汉式和饿汉式。懒汉式（线程安全）懒汉式单例是指在第一次被引用时才会创建实例。为了确保线程安全，可以使用同步方法或同步块。 public class SingletonLazy {private sta…...

编程日记 2023/12/24 12:00:02

若依vue如何展示一个HTML页面(或者展示Markdown文档)

一. 前言 ⚠ 本文是展示Markdown的方法,不能直接前端编辑Markdown文档. 二. 准备部分用Typora编辑器打开需要导出html页面,我这里使用Typora来导出 1. 先将md文件导出成html 2. 将导出好的文件放在若依vue的pubilc下(文件可以是中文) 三. 代码部分 1.使用v-html来展示HT…...

编程日记 2023/12/24 11:59:00

性能优化 var array [];for (let index 0; index < array.length; index) {// do something }// 优化后 for (let index 0, len array.length; index < len; index) {// do something } 算法优化 // 求和：1 2 3 4 ... 100 var sum 0; for (let i …...

编程日记 2023/12/24 11:54:57

如何更好的去理解源码

前言这篇文章我准备来聊一聊如何去阅读开源项目的源码。在聊如何去阅读源码之前，先来简单说一下为什么要去阅读源码，大致可分为以下几点原因： 最直接的原因，就是面试需要，面试喜欢问源码，读完源码才可以…...

编程日记 2023/12/24 11:53:56

c# opencv 获取多边形中心点

在C#中使用OpenCV获取多边形的中心点，可以按照以下步骤进行： 首先，你需要找到图像中的轮廓。这可以通过FindContours方法实现： using OpenCvSharp;Mat src new Mat("your_image_path", ImreadModes.Grayscale); Mat …...

编程日记 2023/12/24 11:51:54

Redis数据一致解决方案

文章目录前言技术积累查询缓存业务流程更新缓存业务流程更新缓存问题解决方案写在最后前言当前的应用服务很多都有着高并发的业务场景，对于高并发的解决方案一般会用到缓存来降低数据库压力，并且还能够提高系统性能减少请求耗时，比如我们…...

编程日记 2023/12/24 11:49:52

安捷伦DSOX2024A示波器

参考波形示波器的非易失参考波形存储器可以存储两个波形。比较这些参考波形与实时波形，并对已存储数据进行后分析和测量。您也可将波形数据存储到移动USB 存储器设备。这些数据还能调用到示波器的两个参考存储器的其中一个，进行全面的波形测量和分析。为…...

编程日记 2023/12/24 11:48:51

Leetcode算法系列| 4. 寻找两个正序数组的中位数

目录 1.题目2.题解C# 解法一：合并List根据长度找中位数C# 解法二：归并排序后根据长度找中位数C# 解法三：方法二的优化，不真实添加到listC# 解法四：第k小数C# 解法五：从中位数的概念定义入手 1.题目给定两个…...

编程日记 2023/12/24 11:44:47

Java整合APNS推送消息-IOS-APP（基于.p12推送证书）

推送整体流程 1.在开发者中心申请对应的证书（我用的是.p12文件） 2.苹果手机用户注册到APNS，APNS将注册的token返回给APP（服务端接收使用）。 3.后台服务连接APNS，获取连接对象 4.后台服务构建消息载体 5.后台…...

编程日记 2023/12/24 11:41:44

C语言strcpy函数用法

C语言strcpy函数用法大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，让我们一起深入了解C语言中的strcpy函数，这是一个在字符串处理中非…...

编程日记 2023/12/24 11:38:42

汽车服务品牌网站建设的作用是什么

汽车服务涵盖多个层面，在保修维护这一块更是精准到了车内车外，无论是品牌商还是市场中各维修部，都能给到车辆很好的维修养护服务。如今车辆的人均拥有量已经非常高，也因此市场中围绕汽车相关的从业者也比较多。首先就是拓客引流…...

编程日记 2023/12/24 11:30:35

【iOS】UICollectionView

文章目录前言一、实现简单九宫格布局二、UICollectionView中的常用方法和属性1.UICollectionViewFlowLayout相关属性2.UICollectionView相关属性三、协议和代理方法：四、九宫格式的布局进行升级五、实现瀑布流布局实现思路实现原理代码调用顺序实现步骤实现效果总…...

编程日记 2023/12/24 11:25:25

Linux poll 和 select 机制

poll select 介绍使用非阻塞 I/O 的应用程序常常使用 poll, select, 和 epoll 系统调用. poll, select 和 epoll 本质上有相同的功能: 每个允许一个进程来决定它是否可读或者写一个或多个文件而不阻塞. 这些调用也可阻塞进程直到任何一个给定集合的文件描述符可用来读或写.…...

编程日记 2023/12/24 11:18:20

【JVM基础】 JVM 如何加载一个类以及类加载机制

文章目录 1、什么时候一个类会被加载？1、包含 main 方法的主类2、非包含 main 方法的主类，什么时候去加载？ 3、类加载器如何加载一个类？1、验证阶段：2、准备阶段：3、解析阶段：4、初始化&#x…...

编程日记 2023/12/24 11:15:16

Android Studio使用Genymotion

1. Genymotion介绍 GenyMotion速度之快令人发指，模拟效果堪比真机调试，支持绝大部分的模拟器功能，甚至包括语音，Google Now，支持eclipse, android studio。非常适合用来开发和演示效果。 2. Genymotion下载 Genymotio…...

编程日记 2023/12/24 11:14:15

Mysql sql_mode参数配置

今天在使用数据库查询时使用了Group语句，遇到问题： SELECT t1.UnderlyingInstrumentID, t2.* FROM t_OptionInstrument t1 LEFT JOIN t_Instrument t2 ON t2.InstrumentID t1.UnderlyingInstrumentID GROUP BY t1.UnderlyingInstrumentID > 1055 - …...

编程日记 2023/12/24 11:10:10

SpringIOC之AbstractMessageSource

博主介绍：✌全网粉丝5W，全栈开发工程师，从事多年软件开发，在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验…...

编程日记 2023/12/24 11:09:09

详解Vue3中的基础路由和动态路由

本文主要介绍Vue3中的基础路由和动态路由。目录一、基础路由二、动态路由 Vue3中的路由使用的是Vue Router库，它是一个官方提供的用于实现应用程序导航的工具。Vue Router在Vue.js的核心库上提供了路由的功能，使得我们可以在单页应用中实现页面的切换、…...

编程日记 2023/12/24 11:03:03

Mysql四种事务隔离级别（简易理解）

读未提交：简单理解就是读到没有提交事务的执行结果；读已提交：简单理解就是只能读到已经提交的事务执行结果；可重复读：简单理解就是确保并发读取数据库时，读到的数据一致，这是mysql默认隔离级别&…...

编程日记 2023/12/24 10:56:55

react中使用redux最简单最方便的方式，配合rematch简化操作，5分钟学会

react中使用状态管理的方式也很多，比如redux和mobx等，今天这一片就讲一下redux的入门到熟练使用，主要是要理解它redux的组成有哪些，到怎么创建，和组建中怎么使用三个问题。这里先放上官网文档，不理解的地方…...

编程日记 2023/12/24 10:55:54

vmware安装中标麒麟高级服务器操作系统软件 V7.0操作系统

vmware安装中标麒麟高级服务器操作系统软件 V7.0操作系统 1、下载中标麒麟高级服务器操作系统软件 V7.0镜像2、安装中标麒麟高级服务器操作系统软件 V7.0操作系统 1、下载中标麒麟高级服务器操作系统软件 V7.0镜像官方提供使用通道访问官网链接: https://www.kylinos.cn/ 下…...

编程日记 2023/12/24 10:52:52

OpenCV | 霍夫变换：以车道线检测为例

霍夫变换霍夫变换只能灰度图，彩色图会报错 lines cv2.HoughLinesP(edge_img,1,np.pi/180,15,minLineLength40,maxLineGap20) 参数1：要检测的图片矩阵参数2：距离r的精度，值越大，考虑越多的线参数3：距离…...

编程日记 2023/12/24 10:48:48

【C#与Redis】--目录

1. 介绍 2. Redis 数据结构 3. Redis 命令 3.1 基本命令 3.2 字符串命令 3.3 哈希命令 3.4 列表命令 3.5 集合命令 3.6 有序集合命令 4. C# 操作 Redis 4.1 使用 Redis 库 4.2 连接 Redis 服务器 4.3 操作 Redis 数据结构 4.5 执行 Redis 命令 5. 高级主题 5.1 Redis 事…...

编程日记 2023/12/24 10:47:47

html旋转相册

一、实验题目做一个旋转的3d相册，当鼠标停留在相册时，相册向四面散开二、实验代码 <!DOCTYPE html> <html lang"zh"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" con…...

编程日记 2023/12/24 10:46:46

Plantuml之对象图语法介绍(十九)

简介： CSDN博客专家，专注Android/Linux系统，分享多mic语音方案、音视频、编解码等技术，与大家一起成长！ 优质专栏：Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏：多媒…...

编程日记 2023/12/24 10:43:44

深度学习（八）：bert理解之transformer

1.主要结构 transformer 是一种深度学习模型，主要用于处理序列数据，如自然语言处理任务。它在 2017 年由 Vaswani 等人在论文 “Attention is All You Need” 中提出。 Transformer 的主要特点是它完全放弃了传统的循环神经网络（RNN&#x…...

编程日记 2023/12/24 10:41:42

R语言中的函数28：Reduce(), Filter(), Find(), Map(), Negate(), Position()

文章目录介绍Reduce()实例 Filter()实例 Find()实例 Map()实例 Negate()实例 Position()实例介绍 R语言中的Reduce(), Filter(), Find(), Map(), Negate(), Position()是base包中的一些高级函数。随后，很多包也给这些函数提供了更多的扩展。 Reduce() 该函数根…...

编程日记 2023/12/24 10:37:39

RTP/RTCP/RTSP/SIP/SDP/RTMP对比

RTP（Real-time Transport Protocol）是一种用于实时传输音频和视频数据的协议。它位于传输层和应用层之间，主要负责对媒体数据进行分包、传输和定时。 RTCP（Real-Time Control Protocol）是 RTP 的控制协议，…...

编程日记 2023/12/24 10:36:38

Centos安装vsftpd：centos配置vsftpd，ftp报200和227错误

一、centos下载安装vsftpd（root权限） 1、下载安装 yum -y install vsftpd 2、vsftpd的配置文件 /etc/vsftpd.conf 3、备份原来的配置文件 sudo cp /etc/vsftpd.conf /etc/vsftpd.conf.backup 4、修改配置文件如下：vi /etc/vsftpd.conf …...

编程日记 2023/12/24 10:31:35

软件测试职业规划

软件测试人员的发展误区【4】公司开发的产品专业性较强，软件测试人员需要有很强的专业知识，现在软件测试人员发展出现了一种测试管理者不愿意看到的景象： 1、开发技术较强的软件测试人员转向了软件开发(非测试工具开发)； 2、业务…...

编程日记 2023/12/24 10:29:33

C语言数据结构

C 语言是一种强大的编程语言，它提供了许多数据结构的实现。在本文档中，我们将讨论一些常见的数据结构，并提供相应的代码示例。数组（Array） 数组是一种线性数据结构，它可以存储相同类型的元素。数组的大小…...

编程日记 2023/12/24 10:23:28

PHP之Trait理解, Trait介绍

一、来源自 PHP 5.4.0 起，PHP 实现了一种代码复用的方法，称为 trait。 Trait 是为类似 PHP 的单继承语言而准备的一种代码复用机制。Trait 为了减少单继承语言的限制，使开发人员能够自由地在不同层次结构内独立的类中复用 method。Trait 和…...

编程日记 2023/12/24 10:21:26

SpringMVC：执行原理详解、配置文件和注解开发实现 SpringMVC

文章目录 SpringMVC - 01一、概述二、SpringMVC 执行原理三、使用配置文件实现 SpringMVC四、使用注解开发实现 SpringMVC1. 步骤2. 实现五、总结注意： SpringMVC - 01 一、概述 SpringMVC 官方文档：点此进入有关 MVC 架构模式的内容见之前的笔记&a…...

编程日记 2023/12/24 10:17:22

增量式旋转编码器在STM32平台上的应用

背景旋钮是仪器仪表上一种常见的输入设备，它的内部是一个旋转编码器，知乎上的这篇科普文章对其工作原理做了深入浅出的介绍。我们公司的功率分析仪的前面板也用到了该类设备，最近前面板的MCU从MSP430切换成了STM32，因此我要将…...

编程日记 2023/12/24 10:16:21

INFINI Gateway 如何防止大跨度查询

背景业务每天生成一个日期后缀的索引，写入当日数据。业务查询有时会查询好多天的数据，导致负载告警。现在想对查询进行限制–只允许查询一天的数据（不限定是哪天），如果想查询多天的数据就走申请。技术分析在每…...

编程日记 2023/12/24 10:12:17

【模式识别】探秘分类奥秘：最近邻算法解密与实战

🌈个人主页：Sarapines Programmer🔥 系列专栏：《模式之谜 | 数据奇迹解码》⏰诗赋清音：云生高巅梦远游， 星光点缀碧海愁。山川深邃情难晤， 剑气凌云志自修。目录 🌌1 初识模式识…...

编程日记 2023/12/24 10:11:16

【Redis】分布式锁

目录分布式锁分布式锁实现的关键 Redisson实现分布式锁看门狗机制分布式锁为什么要使用分布式锁，或者分布式锁的使用场景？ 定时任务。在分布式场景下，只控制一台服务器执行定时任务，这就需要分布式锁要控制定时任务在同一时间…...

编程日记 2023/12/24 10:01:07

Linux访问firefox 显示Error: no DISPLAY environment variable specified

在 CentOS 7 中访问 Firefox 浏览器时，出现 "Error: no DISPLAY environment variable specified" 的错误提示通常是由于缺少显示环境变量导致的。要解决这个问题，你可以按照以下步骤进行配置： 1. 确保已经安装 X Window Syst…...

编程日记 2023/12/24 9:56:03

线性回归简介

线性回归简介 1、情景描述2、线性回归 1、情景描述假设，我们现在有这么一张图： 其中，横坐标x表示房子的面积，纵坐标y表示房价。我们猜想x与y之间存在线性关系： y k x b ykxb ykxb 现在，思考一个问题&…...

编程日记 2023/12/24 9:52:00

Log4net 教程

一、Log4net 教程在CodeProject上找到一篇关于Log4net的教程：log4net Tutorial，这篇博客的作者是：Tim Corey ，对应源代码地址为： https://github.com/TimCorey/Log4netTutorial，视频地址为：Ap…...

编程日记 2023/12/24 9:50:59

test-01-java 单元测试框架 junit 入门介绍

JUnit JUnit 是一个用于编写可重复测试的简单框架。它是 xUnit 架构的一种实例，专门用于单元测试框架。 What to test? NeedDescRight结果是否正确B边界条件是否满足I能反向关联吗C有其他手段交叉检查吗E是否可以强制异常发生P性能问题 maven 入门例子 maven …...

编程日记 2023/12/24 9:47:56

Linux系统中跟TCP相关的系统配置项

TCP连接保活参考《Nginx(三) 配置文件详解 - 基础模块》3.18章节 net.ipv4.tcp_keepalive_intvl：设置TCP两次相邻探活检测的间隔时间。默认75秒，单位是秒，对应配置文件/proc/sys/net/ipv4/tcp_keepalive_intvl；net.ipv4.tcp_kee…...

编程日记 2023/12/24 9:45:55

python图片批量下载多线程+超时重试

背景上篇python入门实战:爬取图片到本地介绍过如何将图片下载到本地,但是实际处理过程中会遇到性能问题:分页数过多下载时间过程、部分页面连接超时无法访问下载失败。本文从实战的角度解释一下如何处理这两个问题。下载时间过长问题，处理方式是使用多线程，首先回顾…...

编程日记 2023/12/24 9:44:54

相关文章：