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

Java后端程序员学习前端之CSS

news 来源：原创 2025/8/23 20:15:03

什么是css

Cascading Style Sheet 层叠级联样式表
表现 (美化网页)
字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动..

发展史

CSS1.0
CSS2.0 DIV(块)+CSS，HTML与CSS结构分离的思想，网页变得简单，SEO
CSS2.1 浮动，定位
CSS3.0 圆角，阴影，动画…浏览器兼容性~

css入门

<!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>标签，css代码写在这里面,每一个声明用分号隔开语法：选择器{声明1;声明2;  声明3;}    --><link rel="stylesheet" href="css/style.css">
</head><body><h1>我的第一个css程序</h1>
</body>
</html>

建议使用这种规范

css的优势:
1、内容和表现分离
2、网页结构表现统一，可以实现复用
3、样式十分的丰富
4、建议使用独立于html的css文件
5、利用SEO，容易被搜索引擎收录!

css的三种导入方式

<!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>
<!-- 内部样式 -->
<style>h1{color: red;}
</style><!-- 外部样式 -->
<link rel="stylesheet" href="css/style.css"><body><!-- 优先级：就近原则，谁离标签近，就听谁的 --><!-- 行内样式：在标签元素中编写一个style属性，然后编写样式即可 --><h1 style="color: green;">导入样式</h1>
</body>
</html>

扩展：外部样式的两种写法

链接式：

html

<!-- 外部样式 -->
<link rel="stylesheet" href="css/style.css">

导入式

@Import是CSS2.1特有的

<style>@import url("css/style.css");
</style>

三种基本选择器

1、标签选择器:选择一类标签标签{}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>标签选择器</title><!-- 标签选择器 --><style>h1{color: red;}p{color: blue;}</style>
</head>
<body><h1>陈兴勇</h1><h1>2025海南专升本</h1><p>上岸海南热带海洋学院软件工程专业</p>
</body>
</html>

2、类选择器 class:选择所有class 属性一致的标签，跨标签.类名{}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!--类选择器的格式.class的名称{}好处，可以多个标签归类，是同一个class，可以复用--><style>.title{color: red;}.content{color: blue;}</style>
</head>
<body><h1 class="title">陈兴勇</h1><h1 class="content">2025海南专升本</h1><p class="content">上岸海南热带海洋学院软件工程专业</p>
</body>
</html>

3、id 选择器:全局唯一! #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>/* id选择器的格式：#id的名称{}好处：id选择器是唯一的，不能重复，所以不能复用优先级：不遵循就近原则，固定的id选择器>class选择器>标签选择器*/#title{color: red;}#content{color: blue;}h1{color: green;}.title{color: yellow;}</style>
</head><body><h1 id="title" class="title">陈兴勇</h1><h1 id="title">2025海南专升本</h1><p id="content">上岸海南热带海洋学院软件工程专业</p><h1>加油</h1>
</body>
</html>

优先级：id选择器>class选择器>标签选择器

层次选择器

后代选择器：在某个元素的后面祖爷爷爷爷爸爸你

        /* 后代选择器body p{color: red;} */

子选择器：一代，儿子

        /* 子选择器body > p{color: blue;} */

相邻兄弟选择器：同辈

        /* 相邻兄弟选择器 */.active + p{background-color: red;}

通用选择器

        /* 通用选择器 选中当前元素向下的所有兄弟元素 */.active ~ p{background-color: blue;}

结构伪类选择器

<!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>/* 避免使用id，class选择器 *//* ul第一个子元素 */ul li:first-child{background-color: red;}/* ul最后一个子元素 */ul li:last-child{background-color: green;}/* 选中p1：定位到父元素，选择当前的第一个元素选择当前p元素的父级元素，选中父级元素的第二个，并且是当前元素才生效！，顺序 */p:nth-child(2){background-color: yellow;}/* 选中父元素，下的p元素的第二个，类型 */p:nth-of-type(2){background-color: aqua;}</style>
</head>
<body><h1>h1</h1><p>p1</p><p>p2</p><p>p3</p><ul><li>li1</li><li>li2</li><li>li3</li></ul></body>
</html>

属性选择器（常用）

把id＋class结合

<!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>demo af {float: left;display: block;height: 50px;width: 50px;border-radius: 10px;background: #2700ff;text-align: center;color: gainsboro;text-decoration: none;margin-right: 5px;font: bold 20px/50px Arial;}/* 属性名，属性名 = 属性值（正则= 绝对等于*= 是包含这个元素^= 以这个开头$= 以这个结尾） *//* 存在id的元素  a[]{}*a[id]{background: yellow;} *//* id = first的元素a[id = first]{background: yellow;} *//* class中含有links的元素a[class *= "links"]{background: yellow;} *//* 选中href中以http开头的元素a[href^=http]{background: yellow;} *//* 选中href中以http结尾的元素  */a[href $= pdf ]{background: yellow;}</style>
</head><body><p class="demo"><a href="https://www.baidu.com" class="links item first" id="first">1</a><a href="https://una" class="links item active" target="_blank" title="test">2</a><a href="images/123.html" class="links item">3</a><a href="images/123.png" class="links item">4</a><a href="images/123.jpg" class="links item">5</a><a href="abc" class="links item">6</a><a href="/a.pdf" class="links item">7</a><a href="/abc.pdf" class="links item">8</a><a href="abc.doc" class="links item">9</a><a href="abcd.doc" class="links item last">10</a></p>
</body></html>

美化网页元素

为什么要美化网页

1、有效的传递页面信息
2、美化网页，页面漂亮，才能吸引用户
3、凸显页面的主题
4、提高用户的体验

span标签:重点要突出的字，使用span 套起来

<!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>#title1{font-size: 50px;}</style></head>
<body>欢迎学习 <span id="title1">Java</span> 
</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><!-- font-family:字体font-size：字体大小font-weight：字体粗细color：字体颜色--><style>body{font-family: 楷体;color: green;}h1{font-size: 50px;}.p1{font-weight: bold;}</style>
</head>
<body><h1>桃野又奈</h1><p class="p1">xxx</p><p>xxxxxx</p><p>xxxxxxx</p>
</body>
</html>

文本样式

颜色 color rgba rgb
文本对齐方式 text-align = center
首行缩进 text-indent：2em
行高 line-height
装饰 text-decoration
文本图片水平对齐：vertical-align：middle

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 颜色：单词RGB 0-FRGBA A:0-1text-align:排版居中;text-indent:2em; 段落首行缩进行高，和块的高度一致就可以上下居中--><style>h1{color: rgba(0, 255, 255, 0.9);text-align: center;}.p1{text-indent: 2em;}.p3{background: goldenrod;height: 300px;line-height: 300px;}/* 下划线 */.l1{text-decoration: underline;}/* 中划线 */.l2{text-decoration: line-through;}/* 上划线 */.l3{text-decoration: overline;}/* 超链接去下划线 */a{text-decoration: none;}/* 文字图片水平对齐 */img,span{vertical-align: middle;}</style>
</head>
<body><p class="l1">123321</p><p class="l2">123321</p><p class="l3">123321</p><h1>故事介绍</h1><p class="p1">陈兴勇2025海南专升本上岸海南热带海洋学院软件工程专业</p><p class="p3">hahahhaahahahhahahaha</p>
</body>
</html>

阴影：

        /* text-shadow:阴影颜色，水平偏移，垂直偏移，阴影半径 */#beautiful{text-shadow: blue 10px 10px 10px;}

超链接伪类：正常情况下：a:hover

        /* 默认的颜色 */a{text-decoration: none;color: #000000;}/* 鼠标悬浮的状态(只需要记住) */a:hover{color: orange;font-size: 50px;}

列表

/* 
list-style:none 去掉原点circle 空心圆decimal 数字square 正方形
*/ul li{height: 30px;list-style: none;text-indent: 1em;
}

背景

背景颜色

背景图片

       div{width: 1000px;height: 700px;border: 1px solid red;background-image: url("images/3.jpg");/* 默认是全部平铺的 */}.div1{background-repeat: repeat-x;}.div2{background-repeat: repeat-y;}.div3{background-repeat: no-repeat;}

渐变

background-color:#FFFFFF;
background-image: linear-gradient(115deg, #FFFFFF 0%,#6284FF 50%, #FF0000 100%)

盒子模型

什么是盒子模型

margin：外边距

padding：内边距

border：边框

边框

1.边框的粗细

2.边框的样式

3.边框的颜色

<style>body{margin: 0;}/* border:粗细 样式 颜色 */#box{width: 300px;border: 1px solid red;}form{background: green;}div:nth-of-type(1) input{border: 3px solid blue;}h2{font-size: 16px;background-color: green;line-height: 30px;color: white;}div:nth-of-type(2) input{border: 3px dashed red;}div:nth-of-type(3) input{border: 3px dashed pink;}</style>

内外边距

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 外边距的妙用：居中元素margin:0 auto --><style>body{margin: 0;}/* border:粗细 样式 颜色 */#box{width: 300px;border: 1px solid red;margin: 0 auto;}/* 顺时针旋转margin：0margin：0 1pxmargin：0 1px 2px 3px */form{background: green;}h2{font-size: 16px;background-color: green;line-height: 30px;color: white;}input{border: 1px solid black;}</style>
</head><body><div id="box"><h2>会员登录</h2><form action="#"><div><span>用户名：</span><input type="text"></div><div><span>密码：</span><input type="password"></div><div><span>邮箱:</span><input type="text"></div></form></div>
</body></html>

盒子的计算方式（margin+border+padding+内容宽度）

圆角边框

    <!-- 左上 右上 右下 左下，顺时针方向--><!-- 圆圈：圆角=半径--><style>div{width: 100px;height: 100px;border: 10px solid red;border-radius: 100px;}</style>

阴影

<!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>img{border-radius: 50px;box-shadow: 10px 10px 100px yellow;}</style>
</head>
<body><div style="width: 500px;display: block; text-align: center;"><img src="images/1.jpg" alt=""></div>
</body>
</html>

浮动

标准文件流

行内元素：独占一行

h1-h6 p div 列表...

行内元素：不独占一行

span a img strong

行内元素可以包含在块级元素中，反之，则不可以

display

    <!-- block 块元素inline 行内元素inline-block 是块元素，但是可以内联，在一行！none--><style>div{width: 100px;height: 100px;border: 1px solid red;display: none;}span{width: 100px;height: 100px;border: 1px solid red;display: inline-block;}</style>

1.这是一种实现行内元素排序方式，但我们很多情况都是用float

float

元素怎样浮动

元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。

一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

浮动元素之后的元素将围绕它。

浮动元素之前的元素将不会受到影响。

如果图像是右浮动，下面的文本流将环绕在它左边：

img
{float:right;
}

彼此相邻的浮动元素

如果你把几个浮动的元素放到一起，如果有空间的话，它们将彼此相邻。

在这里，我们对图片廊使用 float 属性：

.thumbnail 
{float:left;width:110px;height:90px;margin:5px;
}

清除浮动 - 使用 clear

元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。

clear 属性指定元素两侧不能出现浮动元素。

使用 clear 属性往文本中添加图片廊：

.text_line
{clear:both;
}

父级边框塌陷的问题

1.增加父级元素的高度

2.增加一个空的div标签

3.overflow

4.父类增加一个伪类：after

小结:

浮动元素后面增加空div：简单，代码中尽量避免空div
设置父元素的高度：简单，元素假设有了固定的高度，就会被限制
overflow：简单，下拉的一些场景避免使用
父类添加一个伪类:after(推荐)写法稍微复杂一点，但是没有副作用，推荐使用!

对比

display
方向不可以控制
float
浮动起来的话会脱离标准文档流，所以要解决父级边框塌陷的问题~

定位

默认情况

<!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{margin: 10px;padding: 5px;font-size: 12px;line-height: 25px;}#father{border: 1px solid green;padding: 0;}#first{border: 1px dashed gray;background-color: blueviolet;}#second{border: 1px dashed blue;background-color: aqua;}#third{border: 1px dashed red;background-color: yellowgreen;}</style>
</head>
<body><div id="father"><div id="first">第一个盒子</div><div id="second">第二个盒子</div><div id="third">第三个盒子</div></div>
</body>
</html>

相对定位

相对定位:position: relative;
相对于原来的位置，进行指定的偏移，相对定位的话任然在标准文档流中！原来的位置会被保留

top:-20px;
left: 20px;
bottom:-10px;
right:20px;

绝对定位

定位:基于xxx定位，上下左右
1、没有父级元素定位的前提下，相对于浏览器定位
2、假设父级元素存在定位，我们通常会相对于父级元素进行偏移
3、在父级元素范围内移动
相对于父级或浏览器的位置，进行指定的偏移，绝对定位的话，它不在在标准文档流中，原来的位置不会被保留

Java后端程序员学习前端之CSS

什么是css Cascading Style Sheet 层叠级联样式表表现 (美化网页) 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动.. 发展史 CSS1.0 CSS2.0 DIV(块)CSS，HTML与CSS结构分离…...

编程日记 2025/8/23 20:15:03

MySQL——数据库基础操作

学习MySQL之前，要先配置好相关环境与软件下载，怎么就不展开了：找找网上对应环境下的教程即可目录数据库与MySQL 案例使用 MySQL架构 SQL指令分类储存引擎库操作创建数据库编码集与校验规则校验规则的影响删除数据库数…...

编程日记 2025/8/21 19:37:00

[低代码 + AI] 明道云与 Dify 的三种融合实践方式详解

随着低代码平台和大语言模型工具的不断发展，将企业数据与智能交互能力融合，成为提高办公效率与自动化水平的关键一步。明道云作为一款成熟的低代码平台，Dify 则是一个支持自定义工作流的开源 LLM 应用框架。两者结合，可以实现灵活、高效的智能化业务处理。本文将详解明道…...

编程日记 2025/8/20 20:36:06

湖北理元理律师事务所：规模化债事服务的探索与实践

在个人债务问题日益普遍化的当下，如何通过合法、系统化的服务帮助债务人化解危机，成为法律服务业的重要课题。湖北理元理律师事务所作为经国家司法局批准设立的债事服务机构，其构建的“法律技术金融”服务模式，为债务优化领域提供…...

编程日记 2025/8/21 22:36:50

MySQL JOIN详解：掌握数据关联的核心技能

一、为什么需要JOIN？ 在关系型数据库中，数据通常被拆分到不同的表中以提高存储效率。当我们需要从多个表中组合数据时，JOIN操作就成为了最关键的技能。通过本文，您将全面掌握MySQL中7种JOIN操作，并学会如何在实际场景中…...

编程日记 2025/8/22 22:07:42

深入浅出数据库规范化的三大范式

数据库的“成长之路”：从1NF到3NF的规范化进化在数据库的世界里，关系模式就像一个“孩子”，需要一步步学习“规矩”，才能健康成长。今天，我们就来聊聊数据库的规范化历程——从第一范式（1NF）出…...

编程日记 2025/8/18 20:14:19

精益数据分析（39/126）：SaaS与移动应用商业模式的关键要点剖析

精益数据分析（39/126）：SaaS与移动应用商业模式的关键要点剖析在创业和数据分析的探索之旅中，每一次深入研究不同的商业模式都是一次宝贵的学习机会。今天，依旧怀揣着与大家共同进步的期望，深入解读《精益…...

编程日记 2025/8/17 9:27:49

【PostgreSQL数据分析实战：从数据清洗到可视化全流程】4.3 数据脱敏与安全（模糊处理/掩码技术）

👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路文章大纲 PostgreSQL数据脱敏实战：从模糊处理到动态掩码的全流程解析4.3 数据脱敏与安全：模糊处理与掩码技术深度实践4.3.1 数据脱敏的核心技术体系4.3.1.1 技…...

编程日记 2025/8/20 12:16:10

nginx面试题

nginx 返回状态码413 Nginx 状态码 413 表示“请求实体过大”（Request Entity Too Large），意味着客户端发送的请求体大小超过了服务器允许的限制。解决方法修改 Nginx 配置文件： 找到 Nginx 配置文件，通常位于 /etc…...

编程日记 2025/8/22 6:05:23

flink rocksdb状态说明

文章目录 1.默认情况2.flink中的状态3.RocksDB4.对比情况5.使用6.RocksDB架构7.参考文章8.总结提示：以下主要考虑flink 状态永久存储 rocksdb情况，做一些简单说明 1.默认情况当flink使用rocksdb存储状态时。无论是永久存储还是临时存储都可能会落盘写文件(如果没有配置存储…...

编程日记 2025/8/21 18:11:33

Linux | WEB服务器的部署及优化

一. web服务的常用知识 1.1 www www（World Wide Web）：即为万维网，常被称为“全球信息广播”。它是一种基于超文本和HTTP协议，能够将文字、图形、影像以及声音等多媒体信息，通过超链接的方式组织在一起&…...

编程日记 2025/8/21 18:18:44

Nginx正反向代理与正则表达式

目录一：正向代理 1.编译安装nginx 2.配置正向代理二：反向代理 1.配置nginx七层代理 2.配置nginx四层代理三：nginx 缓存 1.缓存功能的核心原理和缓存类型 2.代理缓存功能设置四：nginx rewrite 和正则表达式 1.Nginx…...

编程日记 2025/8/19 9:15:32

字节：LLM自动化证明工程基准

📖标题：APE-Bench I: Towards File-level Automated Proof Engineering of Formal Math Libraries 🌐来源：arXiv, 2504.19110 🌟摘要 🔸大型语言模型（LLM）的最新进展在形式定理证明…...

编程日记 2025/8/21 2:35:57

豆包多轮对话优化策略：上下文理解与记忆,意图识别，对话管理

豆包多轮对话优化策略：上下文理解与记忆,意图识别，对话管理上下文理解与记忆：我会分析每一轮用户输入的文本内容，理解其中的语义、意图和关键信息，并将这些信息与之前轮次的对话内容相结合，形成对整个对话上下文的理解和记忆。例如，在一个关于旅游规划的对话中，用户先…...

编程日记 2025/8/22 15:25:58

ADK 第四篇 Runner 执行器

智能体执行器 Runner，负责完成一次用户需求的响应，是ADK中真正让Agent运行起来的引擎，其核心功能和Agents SDK中的Runner类似，具体作用如下： 会话管理：自动读取/写入 SessionService，维护历史信…...

编程日记 2025/8/19 3:33:37

yolo 用roboflow标注的数据集本地训练 kaggle训练 comet使用训练笔记5

本地训练 8gb内存，机械硬盘用了4分钟训练完了 ........... model torch.hub.load(path/to/yolov5, custom, path./runs/train/exp10/weights/best.pt, sourcelocal) 连不上github kaggel训练传kaggle了 # Train YOLOv5s on COCO128 for 3 epochs !python train…...

编程日记 2025/8/18 2:41:40

chili3d笔记11 连接yolo python http.server 跨域请求 flask

from ultralytics import YOLO from flask import Flask, request, jsonify from flask_cors import CORS import base64 from io import BytesIO from PIL import Image import json# 加载模型 model YOLO(./yolo_detect/best.pt)app Flask(__name__) CORS(app) # 启用跨域…...

编程日记 2025/8/23 5:48:47

安全为上，在系统威胁建模中使用量化分析

*注：Open FAIR™ 知识体系是一种开放和独立的信息风险分析方法。它为理解、分析和度量信息风险提供了分类和方法。Open FAIR作为领先的风险分析方法论，已得到越来越多的大型组织认可。在数字化风险与日俱增的今天，企业安全决策正面临双重挑战…...

编程日记 2025/8/20 22:23:58

STA中的multi_cycle 和false_path详细讨论

特殊路径：跨时钟域下的exception_path：分为多种情况优先 1、不同clk_domain ,但频率相同 create_clock -name CLKM -period 10 -waveform {0 5} [get_ports CLKM] create_clock -name CLKP -period 10 -waveform {0 5} [get_ports CLKP] set_multicycl…...

编程日记 2025/8/21 10:27:29

Vite 的工作流程

Vite 的工作流程基于其创新的 “预构建按需加载” 机制，通过利用现代浏览器对原生 ES 模块的支持，显著提升了开发效率和构建速度。以下是其核心工作流程的详细分析： 一、开发环境工作流程 1. 启动开发服务器冷启动：通过 npm …...

编程日记 2025/8/17 10:11:43

NGINX 的 ngx_http_auth_jwt_module模块

一、模块概述 ngx_http_auth_jwt_module 模块用于通过验证请求中提供的 JWT 来进行客户端授权。此模块支持 JSON Web 签名（JWS）、JSON Web 加密（JWE）以及嵌套 JWT（Nested JWT），使其成为一种灵活…...

编程日记 2025/8/22 19:24:34

【Game】Powerful——Transformation Card（10）

文章目录 1 级卡片2 级卡片3 级卡片4 级卡片5 级卡片6 级卡片7 级卡片8 级卡片8.1、神兽8.2、珍兽 9、其他9.1、5 级变身卡9.2、8 级变身卡 10、PK 汇总物理 11、卡片合成 1 级卡片千变万化等级要求：1 级金钱龟，防御30⬆ 大耳兔，速度15⬆…...

编程日记 2025/8/18 20:15:30

【算法学习】递归、搜索与回溯算法（一）

算法学习： https://blog.csdn.net/2301_80220607/category_12922080.html?spm1001.2014.3001.5482 前言： 这个专题与前面的相比是比较有难度的，但是在平时刷题时出现的概率还是非常高的，下面还是按照之前的逻辑来理清一下这几道…...

编程日记 2025/8/23 19:07:50

发行基础：上传版本注意事项

1、steam的规则是上传，提审，随时可更新。 2、基本流程：根据app id以及depot id，上传本地游戏文件到服务器，把分支版本设置为默认，发布。试玩版与正式版的app id与depot id是相互独立的。 3、理论上开发者…...

编程日记 2025/8/19 4:43:02

智算中心建设方案和前景分析

智算中心建设方案和前景分析一、智算中心的概念与重要性 1.1 定义与内涵智算中心，即智能计算中心，是基于最新人工智能理论，采用领先的人工智能计算架构，专门为人工智能应用提供所需的算力服务、数据服务和算法服务的新型基础…...

编程日记 2025/8/20 6:00:36

亚马逊卖家复刻案例：用社群分层策略实现海外用户月均消费3.2次

近年来，随着跨境电商市场的快速发展，全球消费模式经历深刻变革。尤其是在美国、欧洲等成熟市场，中小卖家面对高度市场集中和运营成本上升的双重压力，纷纷寻求以更精细化的用户运营来提高客户复购率，增加单用户价值。20…...

编程日记 2025/8/22 3:06:15

小刚说C语言刷题—1038编程求解数学中的分段函数

1.题目描述编程求解数学中的分段函数。 …………x1 (当 x>0 )。 yf(x)…0 (当 x0 )。 ………x−1 (当 x<0 )。上面描述的意思是： 当x>0 时 yx1 ; 当 x0 时 y0 ; 当 x<0 时 yx−1 。输入输入一行，只有一个整数x(−30000≤x≤30…...

编程日记 2025/8/16 20:43:28

kotlin 03flow-stateFlow和sharedFlow企业中使用

一 stateFlow和sharedFlow企业中使用在企业级 Kotlin 项目中，StateFlow 和 SharedFlow 是状态管理与事件分发的核心工具，尤其在 MVVM 架构中扮演着极为关键的角色。 ✅ 企业中如何使用 StateFlow 和 SharedFlow 场景工具示例UI 状态同步&#xff…...

编程日记 2025/8/23 10:56:06

【机器学习|学习笔记】决策树Decision Tree（DT）的起源、原理、发展、改进和应用（附代码）

【机器学习|学习笔记】决策树Decision Tree（DT）的起源、原理、发展、改进和应用（附代码） 【机器学习|学习笔记】决策树Decision Tree（DT）的起源、原理、发展、改进和应用（附代码） 文…...

编程日记 2025/8/20 13:02:34

Kotlin-空值和空类型

变量除了能引用一个具体的值之外,还有一种特殊的值,那就是 null, 它代表空值, 也就是不引用任何对象在Kotlin中, 对空值的处理是非常严格的,正常情况下,我们的变量是不能直接赋值为 null 的,否则无法编译通过, 这直接在编译阶段就避免了空指针问题 Kotlin中所有的类型默认都是…...

编程日记 2025/8/19 23:12:46

Java 企业级开发设计模式全解析

Java 企业级开发设计模式全解析在 Java 企业级开发的复杂领域中，设计模式如同精湛的工匠工具，能够帮助开发者构建高效、可维护、灵活且健壮的软件系统。它们是无数开发者在长期实践中总结出的解决常见问题的最佳方案，掌握这些模式对于提升开…...

编程日记 2025/8/17 10:49:17

高并发内存池

文章目录前言一、项目介绍二、内存池介绍1.池化技术2.内存池3.malloc视角下内存的管理三、定长内存池3.1 设计思路3.2 数据结构四、高并发内存池整体框架设计4.1 thread cachethreadcache哈希桶映射对齐规则threadcache TLS无锁访问 4.2 central cachecentral cache结构设计…...

编程日记 2025/8/20 17:17:47

常用对称加密算法的Python实现及详解

文章目录 **常用对称加密算法的Python实现及详解****1. 对称加密概述****1.1 对称加密的基本原理****1.2 对称加密的分类****1.3 对称加密的应用** **2. DES（Data Encryption Standard）****2.1 算法原理****2.2 Python实现****2.3 安全性分析** **3. 3DE…...

编程日记 2025/8/21 16:43:56

ByteArrayInputStream 类详解

ByteArrayInputStream 类详解 ByteArrayInputStream 是 Java 中用于从字节数组读取数据的输入流，位于 java.io 包。它允许将内存中的字节数组当作输入流来读取，是处理内存数据的常用工具。 1. 核心特性内存数据源：从字节数组（b…...

编程日记 2025/8/20 22:28:05

MySQL C API高效编程：C语言实现数据库操作的深入解析

知识点【MySQL C API】 1、头文件及MYSQL * 句柄 //头文件 #include <mysql/mysql.h>1、MYSQL MYSQL是一个结构体，封装了与数据库连接相关的所有状态，配置和数据。 2、MYSQL *的本质类似于 FILE*，代表一个与数据库连接的通道&…...

编程日记 2025/8/21 7:24:37

字符串，数组，指针之间的关系

在C语言中，字符串、指针和数组之间有着紧密且复杂的关系，它们在内存存储、操作方式等方面相互关联，以下为你详细介绍： 字符串定义：字符串是由字符组成的序列，以空字符（\0）作为结束…...

编程日记 2025/8/20 6:00:35

2025流感疫苗指南+卫健委诊疗方案｜高危人群防护+并发症处理慢性肾脏病饮食指南2025卫健委版｜低盐低磷食谱+中医调理+PDF 网盘下载 pdf下载

2025 年卫健委发布的《成人肥胖食养指南（2024 年版）》为减肥提供了科学的饮食指导。 📢提示：文章排版原因，资源链接地址放在文章结尾👇👇，往下翻就行 📢提示&#xff1…...

编程日记 2025/8/23 15:55:22

学习路线（机器人软件架构）

机器人软件系统架构从入门到专家学习路线一、基础阶段（6-12个月）基础知识储备机器人基础概念：编程技能必备语言：工具链： 入门框架推荐资源： 中级阶段（1-2年）系统架构基础ROS进阶架构…...

编程日记 2025/8/17 0:34:12

Stellaris 群星 [DLC 解锁] CT 表 [Steam] [Windows SteamOS macOS]

Stellaris 群星 [DLC 解锁] & CT 表 [Steam] [Windows & SteamOS & macOS] DLC 版本至最新全部 DLC 后续可能无法及时更新文章，具体最新版本见下载文件说明； DLC 解锁列表（仅供参考） 《群星》 - Symbols of Domina…...

编程日记 2025/8/22 2:00:19

题目 3321: 蓝桥杯2025年第十六届省赛真题-画展布置

题目 3321: 蓝桥杯2025年第十六届省赛真题-画展布置时间限制: 2s 内存限制: 192MB 提交: 673 解决: 130 题目描述画展策展人小蓝和助理小桥为即将举办的画展准备了 N 幅画作，其艺术价值分别为 A1, A2, . . . , AN。他们需要从这 N 幅画中挑选 M 幅，并…...

编程日记 2025/8/23 18:14:14

Excel 查询之 iNDEX与MATCH组合

在Excel日常工作中，数据查询是最常见的操作之一。虽然VLOOKUP函数广为人知，但它有一个明显的局限性——要求查询值必须位于返回值的左侧。今天我要介绍一个更灵活、更强大的组合：INDEX和MATCH函数。为什么选择INDEXMATCH？ VLOO…...

编程日记 2025/8/20 11:02:32

【Leetcode 每日一题 - 补卡】1128. 等价多米诺骨牌对的数量

问题背景给你一组多米诺骨牌 d o m i n o e s dominoes dominoes。形式上， d o m i n o e s [ i ] [ a , b ] dominoes[i] [a, b] dominoes[i][a,b] 与 d o m i n o e s [ j ] [ c , d ] dominoes[j] [c, d] dominoes[j][c,d] 等价当且仅当 ( a c a c …...

编程日记 2025/8/20 16:26:41