CSS入门学习笔记（一）
学习视频：https://www.bilibili.com/video/BV1zN2UYoEEo/
目录
- 基本介绍
- 语法
- 引入方式
- 内联样式（行内样式）
- 内部样式
- 外部样式
- 选择器
- 四种选择器
- 全局选择器
- 元素选择器
- 类选择器
- id选择器
- 合并选择器
- 选择器的优先级
- 字体属性
- color
- font-size
- font-weight字体粗细
- font-style字体样式（可以斜体）
- font-family字体（使用某种字体）
- 背景属性
- background-color背景颜色
- background-image背景图像
- background-repeat平铺属性
- background-size背景图像大小
- background-position背景图像起始位置
- 文本属性
- text-align
- text-decoration
- text-transform
- text-indent
- 表格属性
- border
- border-collapse边框折叠
- width和height
- 表格文字对齐
- 表格填充
- 表格颜色
- 字体颜色
- 关系选择器
- 后代选择器
- 子代选择器
- 相邻兄弟选择器
- 通用兄弟选择器
- 盒子模型
- 弹性盒模型
- 弹性盒内容
- 弹性容器上的属性
- display: flex
- flex-direction
- justify-content
- align-items
- 弹性子元素上的属性
- flex-grow（也可写作flex）
- 文档流
- 文档流产生的问题
- 元素空隙问题：如果想让img之间没有空隙，必须紧密连接。
- 高矮不齐，底边对齐
- 空格折叠
- 元素无空隙
- 脱离文档流
基本介绍
CSS：Cascading Style Sheet，层叠样式表，级联样式表，样式表。
语法
h1{color: blue;font-size: 12px;
}
- h1是选择器，通常表示被设置样式的html元素。
- 下面两行是两条声明（两条样式）
- color是样式中的属性（样式属性），blue是样式中的值。
引入方式
内联样式（行内样式）
<h3 style="color:red; font-size: 14px;">Hello</h3>
样式写在style属性中。
内部样式
添加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>h3{color:blue;font-size: 12px;}</style>
</head>
<body><h3>Hello</h3>
</body>
</html>
这样，方便在同一个页面内复用样式。
外部样式
创建一个style.css文件，并引入<link rel="stylesheet" href="./style.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><link rel="stylesheet" href="./style.css">
</head>
<body><h3>Hello</h3>
</body>
</html>
style.css文件：
h3{color: blue;font-size: 12px;
}
这样，方便不同文件之间复用样式。
选择器
四种选择器
全局选择器
可以和任何元素匹配，优先级最低，一般做样式初始化：
*{margin: 0;padding: 0;
}
元素选择器
直接用元素名称作为选择器，描述某一类元素的共性，无法描述个性。如p、div、span等元素。
p{color: blue;font-size: 12px;
}
类选择器
- 添加一个类
<p class="content-p">Hi, I'm Dad</p>
.content-p{color: green;
}
.后面跟着类名，类名可以由：字母/数字/横杠- 组成，但不能以数字开头。
- 添加多个类
多个类的话，中间空格隔开。
<p class="content-p content">Hi, I'm Dad</p>
.content-p{color: green;
}
.content{font-weight: 200;
}
id选择器
id只能使用一次（不应为多个元素添加同一个id），id应该是唯一标识符，id开头不能是数字。
<p id="dad">Hi, I'm Dad</p>
#dad{color: green;
}
合并选择器
多个单独的选择器之间逗号隔开，则同时为这些选择器设置共同的样式。
例如下面为id为dad的元素和span元素设置相同的样式：
#dad, span{color: green;
}
还可以组合别的选择器。
选择器的优先级
权重：
- 元素选择器：1
- 类选择器：10
- id选择器：100
- 行内样式：1000
同级别的重复样式，从代码顺序上，后面的会覆盖前面的。
例如下面ppp类的样式重复声明了，会取后面得，即color为yellow。
.ppp{color: blue;
}.ppp{color: yellow;
}
字体属性
CSS的字体属性，可以定义字体、颜色、大小、加粗、文字样式等。
color
规定文本颜色。
有四种方式：
.ppp{/* 文字方式 */ color: blue;/* 十六进制方式 */color: #0000ff;/* 取值范围0-255 */color: rgb(0,0,255);/* a表示透明度，0完全透明，1完全不透明 */color: rgba(0,0,255, 0.2);
}
font-size
字体大小
.ppp{font-size:8px;
}
font-weight字体粗细
设置文本粗细。
几种值：
- bold 粗体
- bolder 比粗体更粗
- lighter 更细
- 100-900 由细到粗。默认=400，bold=700
font-style字体样式（可以斜体）
几种值：
- normal 默认值
- italic 斜体
font-family字体（使用某种字体）
例如使用宋体：
.ppp{ font-family: '宋体';
}
宋体（也可以使用对应的英文Simsun）、微软雅黑。
可以指定多个字体font-family: "宋体", "微软雅黑";，按顺序找到能用的字体并使用，如果都没有则使用默认字体。
如果字体名称包含空格，则必须加上引号。
背景属性
background-color背景颜色
例如为一个div设置背景颜色：
div{width: 300px;height: 200px;background-color: #ff0000;
}
background-image背景图像
background-image: url("1.png");
<!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: 900px;height: 700px;background-image: url("1.png");}</style>
</head>
<body><div></div>
</body>
</html>
图像平铺效果：
如果div改得小一点：
div{width: 300px;height: 300px;background-image: url("1.png");}
可见，是从左上角开始平铺的。div小的话，能铺多少是多少；div大的话，铺完一个再铺一个。
background-repeat平铺属性
设置如何平铺背景图像。
四种值：
- repeat，默认值，两个方向都平铺
- repeat-x，只有水平方向平铺
- repeat-y，只有垂直方向平铺
- no-repeat，不平铺
background-size背景图像大小
设置背景图像的大小。
四种值：
- 长宽数字值。第一个宽度值，第二个高度值（如果不赋值，则auto）。
- 长宽百分比。第一个宽度，第二个高度。第二个值不赋值，则auto。
- cover。保持纵横比，并将图片缩放到覆盖背景区域的最小大小。
- contain。保持纵横比，并将图片缩放到覆盖背景区域的最大大小。
background-position背景图像起始位置
设置背景图像起始位置，默认是0% 0%
可以left top左上角，也可以center center中间。
文本属性
text-align
指定元素文本的水平对齐方式
- left
- right
- center
<style>div{border: 1px solid;text-align:center;}</style>
</head>
<body><div>Hi</div>
</body>
text-decoration
规定添加到文本的修饰，可以添加下划线、上划线、删除线等。
值：
- underline 下划线
- overline 上划线
- line-through 删除线
text-transform
控制文本大小写。
- captialize 每个单词开头大写
- uppercase 全部大写
- lowercase 全部小写
text-indent
首行文本缩进。
text-indent: 50px;
如果为负值，则向左缩进。
表格属性
在vscode中快捷键table>tr*3>td*4{单元格}生成一个3行4列的表格。
border
table{border: 1px solid red;}
table,td{border: 1px solid red;}
border-collapse边框折叠
table{ border-collapse: collapse;}
将双边框变成单边框。只对table有效（去掉了table最外面的边框），td没有这个属性。
width和height
设置表格宽高。
table,td{border: 1px solid red;border-collapse: collapse;}table{width: 600px;height: 400px;}
表格文字对齐
水平对齐方式：text-align
垂直对齐方式：vertical-align
td{text-align: center;vertical-align: bottom;}
表格填充
为td设置padding，留出空白，就不用设置表格宽高了。
表格颜色
边框颜色（见前面border）、背景颜色（为td设置background-color）。
字体颜色
为td设置color属性。
关系选择器
后代选择器
语法是两个选择器中间用空格A B{}。
以下方代码为例，ul所包含的里面，不管嵌套了多少层，其中的li元素的文本颜色都是red。
<!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>ul li{color:red;}</style>
</head>
<body><ul><li>A1</li><li>B2</li><li>C3</li><div><ol><li>X1</li><li>Y2</li><li>Z3</li></ol></div></ul>
</body>
</html>
子代选择器
只有包含的第一层的子元素（直接子元素）才会生效，语法是A>B{}。
可以把上面的样式改为：
<style>ul>li{color:red;}</style>
那么，div里面的li元素的文本颜色样式不再生效。
也可以修改选择器为：
ul > div > ol > li{color:red;}
使得只有div里面的li元素的文本颜色样式生效。
相邻兄弟选择器
只有满足条件的后一个兄弟元素才会生效。语法是A+B{}。
例如，先给A1加个类，以A1为基准，让B2颜色改变：
<head><style>.first+li {color: red;}</style>
</head><body><ul><li class="first">A1</li><li>B2</li><li>C3</li><div><ol><li>X1</li><li>Y2</li><li>Z3</li></ol></div></ul>
</body>
加号（+）有点像在当前选择器基础上，往后再考虑、再匹配一个选择器。
通用兄弟选择器
满足条件的后面的（后面中间隔一个也可以接受，也会生效）所有的兄弟元素，都会生效样式。语法是：A~B{}。
<head><style>.first~li {color: red;}</style>
</head><body><ul><li class="first">A1</li><li>B2</li><li>C3</li><p>D4</p><li>E5</li><div><ol><li>X1</li><li>Y2</li><li>Z3</li></ol></div></ul>
</body>
盒子模型
box model，包含内容：
- 外边距margin
- 边框border
- 内边距padding
- 实际内容content
示例：
<head> <style>div {width: 100px;height: 100px;background-color: antiquewhite;padding: 20px 50px;border: 5px solid greenyellow;margin: 20px 40px;}</style>
</head>
<body><div>Hello China! I'm Ken.</div><p>我是段落p</p>
</body>
可以看到padding的范围也被填入了背景颜色。
弹性盒模型
flex box
是css3中一种新的布局模式。
当页面需要适应不同屏幕大小以及设备类型时，确保元素拥有恰当的行为的布局方式。
提供一种更加有效的方式，对一个容器内的子元素进行排列、对齐和分配空白空间。
弹性盒内容
弹性盒子由弹性容器（Flex container）和弹性子元素（Flex item）组成，
通过设置display属性值为flex，将其定义为弹性容器，
弹性容器内包含了一个或多个弹性子元素。
弹性容器外和弹性子元素内是正常渲染的，弹性盒子只是定义弹性子元素在弹性容器内如何布局。
弹性容器上的属性
display: flex
在使用弹性盒之前的示例：
<!DOCTYPE html>
<html lang="en">
<head><style>.flex-container{width: 500px;height: 500px;background-color: #eee;}.flex-container>div{width: 100px;height: 100px;}.box1{background-color: red;}.box2{background-color: green;}.box3{background-color: blue;}</style>
</head>
<body><div class="flex-container"><div class="box1"></div><div class="box2"></div><div class="box3"></div></div>
</body>
</html>
由于div是块级元素，所以占一行，是按列排布的，其效果图：
为了使用弹性盒，首先需要在弹性容器的样式中增加一条：
.flex-container{display: flex;}
默认弹性盒里面内容横向摆放，所以效果图：
flex-direction
也可以修改默认方向：
- row，默认值，水平从左到右
- row-reverse，水平从右到左
- column，从上到下
- column-reverse，从下到上
使用row-reverse的效果图（靠右对齐了）：
justify-content
内容对齐（沿着flex方向），有三个值：
- flex-start，默认值，左对齐
- flex-end，右对齐
- center，中间对齐
flex-end效果图：
center效果图：
align-items
如果flex-direction是row或row-reverse，属于水平方向排列，那么justify-content就是水平方向上的对齐；否则就是垂直方向上的对齐。
而align-items是与flex-direction垂直方向上的对齐，也是三个值，与justify-content的三个值相同。
要让内容弹性子元素水平/垂直都居中，只需要这么设置：
.flex-container{display: flex;justify-content: center;align-items: center;}
弹性子元素上的属性
flex-grow（也可写作flex）
根据弹性盒子元素所设置的扩展因子作为比率，来分配剩余空间。
默认为0，即存在剩余空间，也不放大。
以横向为例，按比例2:2:1分配宽度：
<style>.flex-container{width: 500px;height: 500px;background-color: #eee;display: flex;}.flex-container>div{height: 100px;width: 100px;}.box1{background-color: red;flex: 2;}.box2{background-color: green;flex: 2;}.box3{background-color: blue;flex: 1;}</style>
</head>
<body><div class="flex-container"><div class="box1"></div><div class="box2"></div><div class="box3"></div></div>
flex属性的优先级更高，此时width属性就不起作用了。
可以去掉box1的flex属性，则对于box1使用绝对宽度100px，对于box2和box3则按照2:1分配剩余的400px。
文档流
文档流是文档中可显示元素在排列时所占用的位置/空间。
块级元素，自上而下摆放；内联元素，从左到右摆放。
文档流产生的问题
标准流里面的限制非常多，导致很多页面效果无法实现：
高矮不齐，底边对齐
<body><span>右边是一个女孩</span><img src="girl.png" style="width: 200px;"/>
</body>
空格折叠
<body><span>右边是一个女孩</span><img src="girl.png" style="width: 200px;"/><p>我是一个 p标签</p>
</body>
文本中写了很多空格，但页面上只显示一个空格。
元素无空隙
两个img分两行写：
<body><img src="girl.png" style="width: 200px;"/><img src="girl.png" style="width: 200px;"/>
</body>
则会多一个间隙空白：
如果两个img写到一行中（中间没有空格），则两个图片之间没有空隙：
<body><img src="girl.png" style="width: 200px;"/> <img src="girl.png" style="width: 200px;"/>
</body>
脱离文档流
为了解决文档流的问题，采用方法：脱离文档流（脱离标准流，不使用默认的摆放方式）。
脱离文档流的方式：
- 浮动
- 绝对定位
- 固定定位
相关文章：
CSS入门学习笔记（一）
学习视频：https://www.bilibili.com/video/BV1zN2UYoEEo/ 目录 基本介绍语法引入方式内联样式（行内样式）内部样式外部样式 选择器四种选择器全局选择器元素选择器类选择器id选择器 合并选择器选择器的优先级 字体属性colorfont-sizefont-weig…...
docker安装es及分词器ik
系统是macos，docker是docker-desktop 拉取镜像 docker pull bitnami/elasticsearch 启动docker镜像 docker create -e "discovery.typesingle-node" \ --name elasticsearch1 -p 9200:9200 -p 9300:9300 \ bitnami/elasticsearch:8.17.1 测试是否好…...
11. 9 构建生产级聊天对话记忆系统：从架构设计到性能优化的全链路指南
构建生产级聊天对话记忆系统：从架构设计到性能优化的全链路指南 关键词： 聊天对话记忆系统、多用户会话管理、LangChain生产部署、Redis记忆存储、高并发对话系统 一、服务级聊天记忆系统核心需求 多用户隔离：支持同时处理数千个独立对话持久化存储：对话历史不因服务重启丢…...
SpringBoot启动源码剖析：从入口到容器的诞生
文章目录 SpringBoot启动的核心入口SpringApplication的初始化SpringBoot的启动流程1. 准备环境（Environment）2. 创建应用上下文（ApplicationContext）3. 刷新应用上下文（Refresh Context）4. 调用Runner接口…...
Day38【AI思考】-彻底打通线性数据结构间的血脉联系
文章目录 **彻底打通线性数据结构间的血脉联系****数据结构家族谱系图****一、线性表（老祖宗的规矩）****核心特征** **二、嫡系血脉解析**1. **数组（规矩森严的长子）**2. **链表（灵活变通的次子）** **三、庶…...
虚拟鼠标MATVT：遥控器操控的安卓电视增强工具
虚拟鼠标MATVT：遥控器操控的安卓电视增强工具 matvt Virtual Mouse for Android TV that can be controlled via remote itself. 项目地址: https://gitcode.com/gh_mirrors/ma/matvt 项目基础介绍与编程语言 虚拟鼠标MATVT（matvt）是…...
优惠券平台（一）：基于责任链模式创建优惠券模板
前景概要 系统的主要实现是优惠券的相关业务，所以对于用户管理的实现我们简单用拦截器在触发接口前创建一个单一用户。 // 用户属于非核心功能，这里先通过模拟的形式代替。后续如果需要后管展示，会重构该代码 UserInfoDTO userInfoDTO new…...
从零开始：OpenCV 图像处理快速入门教程
文章大纲 第1章 OpenCV 概述 1.1 OpenCV的模块与功能 1.2 OpenCV的发展 1.3 OpenCV的应用 第2章 基本数据类型 2.1 cv::Vec类 2.2 cv：：Point类 2.3 cv：：Rng类 2.4 cv：：Size类 2.5 cv：&…...
计算机网络-SSH基本原理
最近年底都在忙，然后这两天好点抽空更新一下。前面基本把常见的VPN都学习了一遍，后面的内容应该又继续深入一点。 一、SSH简介 SSH（Secure Shell，安全外壳协议）是一种用于在不安全网络上进行安全远程登录和实现其他安…...
_统计信息_yxy)
数据库性能优化(sql优化)_统计信息_yxy
数据库性能优化_统计信息理解 1 什么是数据库统计信息？2 统计信息不准确3 统计信息分类3.1 表统计信息3.2 列统计信息3.3 索引统计信息4 统计方式4.1 频率直方图4.2 等高直方图5 总结1 什么是数据库统计信息？ 数据库中同一个sql有非常多种执行方式，每种执行方式的代价肯定不…...
QT通过setProperty设置不同QSS样式
如上切换效果就是通过setProperty来实现切换不同颜色的。 实现以上效果第一步，需要在QSS中做属性处理。 QLabel{color:red;} QLabel[status"1"]{color:black;} QLabel[status"2"]{color:white;} QLabel[status"3"]{color:blue;} QLa…...
基础入门-算法解密散列对称非对称字典碰撞前后端逆向MD5AESDESRSA
知识点： 0、算法类型-单向散列&对称性&非对称性 1、算法识别加解密-MD5&AES&DES&RSA 2、解密条件寻找-逻辑特征&源码中&JS分析 应用场景： 1、发送数据的时候自动将数据加密发送（只需加密即可） 安全…...
VsCode创建VUE项目
1. 首先安装Node.js和npm 通过网盘分享的文件：vsCode和Node（本人电脑Win11安装） 链接: https://pan.baidu.com/s/151gBWTFZh9qIDS9XWMJVUA 提取码: 1234 它们是运行和构建Vue.js应用程序所必需的。 1.1 Node安装，点击下一步即可 …...
【DeepSeek】DeepSeek小模型蒸馏与本地部署深度解析DeepSeek小模型蒸馏与本地部署深度解析
一、引言与背景 在人工智能领域，大型语言模型（LLM）如DeepSeek以其卓越的自然语言理解和生成能力，推动了众多应用场景的发展。然而，大型模型的高昂计算和存储成本，以及潜在的数据隐私风险，限制了…...
ARM嵌入式学习--第十三天（I2C）
I2C --介绍 I2C（Inter-intergrated Circuit 集成电路）总线是Philips公司在八十年代初推出的一种串行、半双工的总线，主要用于近距离、低速的芯片之间的通信；I2C总线有俩根双向的信号线，一根数据线SDA用于收发数据&…...
js滚动到页面最底部
setTimeout(()> { //延后执行，等页面渲染结束let container document.querySelector(.raise-flag-content); //找到当前divif (container) {container.scrollTop container.scrollHeight - (container.clientHeight - 400 );}})container.scrollTop container…...
关于 SQL 内连接、外连接（左连接、右连接）的面试题
一、概念理解类 1. 请详细解释内连接（INNER JOIN）、左连接（LEFT JOIN）、右连接（RIGHT JOIN）在 SQL 中的概念和区别，并分别举例说明它们在实际查询场景中的应用。 在SQL中，内连接&a…...
【论文阅读】Comment on the Security of “VOSA“
Comment on the Security of Verifiable and Oblivious Secure Aggregation for Privacy-Preserving Federated Learning -- 关于隐私保护联邦中可验证与遗忘的安全聚合的安全性 论文来源摘要Introduction回顾 VOSA 方案对VOSA不可伪造性的攻击对于类型 I 的攻击对于类型 II 的…...
Zookeeper是如何解决脑裂问题的？
大家好，我是锋哥。今天分享关于【Zookeeper是如何解决脑裂问题的？】面试题。希望对大家有帮助； Zookeeper是如何解决脑裂问题的？ 1000道 互联网大厂Java工程师 精选面试题-Java资源分享网 Zookeeper 通过多种机制来解决脑裂&…...
宾馆民宿酒店住宿管理系统+小程序项目需求分析文档
该系统是一款专为现代酒店设计的高效、智能、易用的管理工具，旨在帮助酒店提升运营效率、优化客户体验，提升客户满意度与忠诚度，并促进业务增长。系统采用先进的云计算技术，支持小程序等多平台访问，第三方接口，确保数据安全与稳定。本系统主要针对中小型精品酒店、连锁酒…...
【centOS】搭建公司内网git环境-GitLab 社区版（GitLab CE）
1. 安装必要的依赖 以 CentOS 7 系统为例，安装必要的依赖包： sudo yum install -y curl policycoreutils openssh-server openssh-clients postfix sudo systemctl start postfix sudo systemctl enable postfix2. 添加 GitLab 仓库 curl -sS https:/…...
基于keepalived+GTID半同步主从复制的高可用MySQL集群
文章目录 项目架构图项目名称项目环境项目描述ip地址规划项目步骤一.安装好8台全新的centos7.9的系统，关闭firewalld和selinux，配置每台主机的静态ip地址，设置每台主机对应的主机名。1、关闭firewalld2.关闭seLinux3.配置每台主机静态ip地址4…...
)
DeepSeek与llama本地部署(含WebUI)
DeepSeek从2025年1月起开始火爆，成为全球最炙手可热的大模型，各大媒体争相报道。我们可以和文心一言一样去官网进行DeepSeek的使用，那如果有读者希望将大模型部署在本地应该怎么做呢？本篇文章将会教你如何在本地傻瓜式的部署我们的…...
leetcode_双指针 557. 反转字符串中的单词 III
557. 反转字符串中的单词 III 给定一个字符串 s ，你需要反转字符串中每个单词的字符顺序，同时仍保留空格和单词的初始顺序。思路: 1.首先用split()切割字符串中用空格分隔的单词2.用切片法反转每个单词3.用join()把反转后的单词用空格连接 class Solu…...
Python用langchain、OpenAI大语言模型LLM情感分析苹果股票新闻数据及提示工程优化应用...
全文链接：https://tecdat.cn/?p39614 本文主要探讨了如何利用大语言模型（LLMs）进行股票分析。通过使用提供的股票市场和金融新闻获取数据，结合Python中的相关库，如Pandas、langchain等，实现对股票新闻的情…...
通过多层混合MTL结构提升股票市场预测的准确性，R²最高为0.98
“Boosting the Accuracy of Stock Market Prediction via Multi-Layer Hybrid MTL Structure” 论文地址：https://arxiv.org/pdf/2501.09760 摘要 本研究引入了一种创新的多层次混合多任务学习架构，致力于提升股市预测的效能。此架构融…...
#渗透测试#批量漏洞挖掘#微商城系统 goods SQL注入漏洞
免责声明 本教程仅为合法的教学目的而准备，严禁用于任何形式的违法犯罪活动及其他商业行为，在使用本教程前，您应确保该行为符合当地的法律法规，继续阅读即表示您需自行承担所有操作的后果，如有异议，请立即停止本文章读。 目录 一、漏洞概述 二、漏洞复现步骤 三、技术…...
python Excel 表读取合并单元格以及清除空格符
读取合并单元格并保留合并信息 读取合并单元格并保留合并信息清除各单元格的空格和换行符，并去除列名中的空格和换行符 读取合并单元格并保留合并信息 当我们只是使用 pandas 的 read_excel 方法读取 Excel 文件时，我们可能会遇到一个很棘手的问题&…...
jakarta EE学习笔记-个人笔记
WebServlet注解：声明一个类为Servlet Target({ElementType.TYPE}) Retention(RetentionPolicy.RUNTIME) Documented public interface WebServlet {// 指定Servlet的影子String name() default ""; // 匹配地址映射(URL)String[] value() default {};// …...
TCP服务器与客户端搭建
一、思维导图 二、给代码添加链表 【server.c】 #include <stdio.h> #include <sys/socket.h> #include <sys/types.h> #include <fcntl.h> #include <arpa/inet.h> #include <unistd.h> #include <stdlib.h> #include <string.…...
回退 android studio emulator 的版本
前情提要 最近用 frida 需要一个完全跑 arm64 的手机 os，因为雷电实时转义 arm 到 x64 的方案本质上还是 x64，会导致 frida 有 bug。查了一下有帖子说 android studio 自带的模拟器支持直接跑 arm64 的镜像 (Other Images) 直接跑跑不通，调…...
Oracle CDB自动处理表空间不足脚本
之前我曾经发过一个自动处理表空间的脚本，可以通过定时任务自动处理表空间不足的问题；但是之前那个脚本没有涵盖CDB模式下的PDB，这里将脚本做了一下更新，可以处理CDB模式下多PDB的表空间问题。 传统模式的脚本请参考这个链接 Or…...
使用总结)
ES6 迭代器 (`Iterator`)使用总结
Iterator（迭代器）是 ES6 引入的一种 接口，用于 顺序访问 可迭代对象（Array、Set、Map、String、arguments、自定义对象等）。 Iterator（迭代器）的作用有三个： 为各种数据结构提供一个…...
赛博算命之 ”梅花易数“ 的 “JAVA“ 实现 ——从玄学到科学的探索
hello~朋友们！好久不见！ 今天给大家带来赛博算命第三期——梅花易数的java实现 赛博算命系列文章： 周易六十四卦 掐指一算——小六壬 更多优质文章：个人主页 JAVA系列：JAVA 大佬们互三哦~互三必回！…...
MongoDB开发规范
分级名称定义P0核心系统需7*24不间断运行，一旦发生不可用，会直接影响核心业务的连续性，或影响公司名誉、品牌、集团战略、营销计划等，可能会造成P0-P2级事故发生。P1次核心系统这些系统降级或不可用，会间接影响用户使用…...
让相机自己决定拍哪儿！——NeRF 三维重建的主动探索之路
我在 NeRF 中折腾自动探索式三维重建的心得 写在前面： 最近我在研究三维重建方向，深切感受到 NeRF (Neural Radiance Fields) 在学术界和工业界都备受瞩目。以往三维重建通常要依赖繁琐的多视图几何管线（比如特征匹配、深度估计、网格融合等&…...
git reset和git revert的区别
git reset和git revert都是实现撤销的命令。 git reset是通过回退提交记录来实现撤销，原来指向的记录就像没提交过一样。 git revert是用于远程分支。执行后会产生一个新提交记录，而新提交的记录跟上一级的内容是相同的。 #恢复到当前上一级记录, 其中 …...
免费windows pdf编辑工具Epdf
Epdf（完全免费） 作者：不染心 时间：2025/2/6 Github: https://github.com/dog-tired/Epdf Epdf Epdf 是一款使用 Rust 编写的 PDF 编辑器，目前仍在开发中。它提供了一系列实用的命令行选项，方便用户对 PDF …...
11.PPT：世界动物日【25】
目录 NO12 NO34 NO56 NO789视频音频 NO10/11/12 NO12 设计→幻灯片大小→ →全屏显示（16：9）确定调整标题占位符置于图片右侧：内容占位符与标题占位符左对齐单击右键“世界动物日1”→复制版式→大小→对齐 幻灯片大小…...
计算机网络的组成，功能
目录 编辑 什么是计算机网络？ 一个最简单的计算机网络 集线器（Hub）： 交换机（Switch） 路由器（router） 互联网 计算机网络的组成：从组成部分看 硬件 软件 协议…...
LabVIEW铅酸蓄电池测试系统
本文介绍了基于LabVIEW的通用飞机铅酸蓄电池测试系统的设计与实现。系统通过模块化设计，利用多点传感器采集与高效的数据处理技术，显著提高了蓄电池测试的准确性和效率。 项目背景 随着通用航空的快速发展，对飞机铅酸蓄电池的测试需求也…...
Vue3+codemirror6实现公式（规则）编辑器
实现截图 实现/带实现功能 插入标签 插入公式 提示补全 公式验证 公式计算 需要的依赖 "codemirror/autocomplete": "^6.18.4","codemirror/lang-javascript": "^6.2.2","codemirror/state": "^6.5.2","cod…...
Mac M1 ComfyUI 中 AnyText插件安装问题汇总？
Q1：NameError: name ‘PreTrainedTokenizer’ is not defined ? 该项目最近更新日期为2024年12月，该时间段的transformers 版本由PyPI 上的 transformers 页面 可知为4.47.1. A1: transformers 版本不满足要求，必须降级transformors &#…...
Github 2025-02-01 开源项目月报 Top20
根据Github Trendings的统计，本月(2025-02-01统计)共有20个项目上榜。根据开发语言中项目的数量，汇总情况如下： 开发语言项目数量Python项目8TypeScript项目3Jupyter Notebook项目2Rust项目2HTML项目2C++项目1Ruby项目1JavaScript项目1Svelte项目1非开发语言项目1Go项目1Oll…...
k8s部署go-fastdfs
前置环境：已部署k8s集群，ip地址为 192.168.10.1~192.168.10.5，总共5台机器。 1. 创建provisioner制备器（如果已存在，则不需要） 制备器的具体部署方式可参考我的上一篇文章： k8s部署rabbitmq-CSDN博客文章浏览阅读254次，点赞3次，收藏5次。k8s部署rabbitmqhttps://blo…...
快速优雅解决webview_flutter不能Safari调试的问题
这个问题，网上一搜，又是让你去检索WKWebView，找到FWFWebViewHostApi.m文件，然后再改 iOS 的代码， 加一行 self.inspectable YES; 我们开发Flutter项目，尽量还是不要去改插件里的代码，好了不费…...
Linux——基础命令1
$：普通用户 #：超级用户 cd 切换目录 cd 目录 （进入目录） cd ../ （返回上一级目录） cd ~ （切换到当前用户的家目录） cd - （返回上次目录） pwd 输出当前目录…...
区块链技术：Facebook 重塑社交媒体信任的新篇章
在这个信息爆炸的时代，社交媒体已经成为我们生活中不可或缺的一部分。然而，随着社交平台的快速发展，隐私泄露、数据滥用和虚假信息等问题也日益凸显。这些问题的核心在于传统社交媒体依赖于中心化服务器存储和管理用户数据，这种模…...
268. 丢失的数字
文章目录 1.题目2.思路3.代码 1.题目 268. 丢失的数字 给定一个包含 [0, n] 中 n 个数的数组 nums ，找出 [0, n] 这个范围内没有出现在数组中的那个数。 示例 1： **输入：**nums [3,0,1] **输出：**2 解释：n 3&a…...
机器学习-关于线性回归的表示方式和矩阵的基本运算规则
最近在学习机器学习的过程中，发现关于线性回归的表示和矩阵的运算容易费解，而且随着学习的深入容易搞混，因此特意做了一些研究，并且记录下来和大家分享。 一、线性模型有哪些表示方式？ 器学习中，线性模型…...