布局 界面 第二章 笔记

根据9.4.2 IFC小节中的高亮文字可以看出，IFC中是这样布局行内盒的：IFC首先创建一个行框，将行内盒一个一个水平地排列。一个行框用完了，就创建一个新的行框接着放。如果一个行内盒在当前行框的剩余部分放不下，则会创建一个新的行内盒装下剩余的部分，放到下一个行框。被分割的行内盒在分割处（即上一个行 ......

视觉格式化模型细节 包含块的定义 元素（生成的）盒的位置有时候是根据一个特定的矩形计算的，叫做元素的包含块（containing block）。元素包含块的定义如下： 元素 包含块 其为根元素。 其包含块是一个被称为初始包含块的矩形。对连续媒体，尺寸取自视口的尺寸，并且被固定在画布开始的位置；对于分 ......

浮动 一个浮动盒会向左或向右移动，直到其外边界挨到包含块边界或者另一个浮动盒的外边界。如果存在行框，浮动盒的上外（边界）会与当前行框的上（边界）对齐。如果没有足够的水平空间来浮动，它会向下移动，直到空间合适或者再没出现过其他浮动。 因为浮动盒不在常规流内，在浮动盒之前或者之后创建的非定位块盒会垂直排 ......

绝对定位 绝对定位模型中，盒相对其包含块偏移，它会从常规流中全部移除（不会影响后面的兄弟）。绝对定位的盒会为常规流中的子级和绝对（不包括fixed）定位的后代建立一个新的包含块。 然而绝对定位的内容不会沿着任何其他盒排列。它们可能会遮住其他盒的内容（或者被它们自身遮住），取决于重叠盒的堆叠层级（st ......

分层展示 z-index属性 该属性指定了： 当前堆叠上限爱问（stacking context）中，该盒的堆叠层级（stack level）； 该盒是否应该建立一个堆叠上下文； 该属性的取值为： <integer>：是生成盒当前堆叠上下文中的堆叠层级，该盒还会建立一个新的堆叠上下文。 auto：生 ......

常规流 常规流中的盒属于一个FC，可能是BFC或是IFC中的一个。块级盒参与BFC，行内级盒参与IFC。 BFC BFC的产生条件： float：left | right position：absolute | fixed display：inline-block | table-cell | ta ......

控制盒的生成 控制盒就是我们常说的盒。盒的类型对其在视觉格式化模型中的行为有一定影响。 display的取值 display属性指定了盒的类型： none：此元素不会被显示。 block：此元素将显示为块级元素，此元素前后会带有换行符。 inline：默认。此元素会被显示为内联元素，元素前后没有换行 ......

视觉格式化模型 视觉格式化模型：对于可视化媒体，用户代理怎样处理文档树。在视觉格式化模型中，文档树中的每个元素根据其盒模型生成0或多个盒。这些盒的布局由以下因素控制： 盒尺寸与类型 定位方案（常规流、浮动与绝对定位） 文档树中元素间的关系 外部信息（例如视口大小、图片的固有尺寸等） 本章及下一章中定 ......

中文链接：http://www.ayqy.net/doc/css2-1/cover.html 英文链接：https://www.w3.org/TR/2011/REC-CSS2-20110607/ 本笔记是2020年自学前端时所写，当时写在word文档上，今天重温，就搬到博客园上来。 盒尺寸 盒模型的 ......

外边距 margin取值 <length>：一个固定值 <percentage>：百分比根据当前生成盒的包含块的width来计算。注意，margin-top和margin-bottom也是根据其包含块的width来计算的。如果包含块的width取决于该元素，那么产生的布局在CSS2.1是未定义的。 ......

# 第二次比赛题解 ## [P1138 第 k 小整数 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn)](https://www.luogu.com.cn/problem/P1138?contestId=120025) **主要了解set的用法,set会自动去重和排序** ```c ......

# Unity UGUI的LayoutElement（布局元素）组件的介绍及使用 ## 1. 什么是LayoutElement组件？ LayoutElement是Unity UGUI中的一个布局元素组件，用于控制UI元素在布局中的大小和位置。它可以用于自动调整UI元素的大小，以适应不同的屏幕分辨率和 ......

弹性布局 有旧版和新版 弹性布局是针对父元素 和子元素 dispaly flex 弹性布局的使用 定义弹性盒 定义主轴对齐方式 主轴方向是会改变的 justify-content:center； 居中 justify-content: space-between; 两端对齐 中间平均分配布局 jus ......

响应式网站 同一个网站 可以同时适配多个终端 两个网站 应该pc端 一个移动端 复杂的网站（电商 两个终端） 简单的网站（ 企业网站 后台管理系统） 实现核心 ：媒体查询 响应式实现的方式 1.设置meta 默认情况下 html的最小宽度是980px <meta name="viewport" co ......

# 未补完 ### [E. Square](https://ac.nowcoder.com/acm/contest/57356/E) **算法：**二分 **做法：**我们依据``x``来枚举``k``，得到 $x * 10^k$ ，用二分在``[0, 1e9]``查找``mid``的平方值，且这个 ......

双飞翼布局 overflow hidden 可以换成定位和左右margin ......

......

客户端：mqttx for windows，并提供基于互联网的mqtt服务，不用再搭建 MQTT的C语言编程： 下载paho的包，在github上，有基于Linux的release版本，下载后，将其解压到任意目录，比如:/opt/mqtt 目录结构如下： 安装完毕后，进行配置（如果不配置，动态链接库 ......

vector 基本操作 创建vector对象，vector<int> vec; 尾部插入数字：vec.push_back(a); 使用下标访问元素，cout<<vec[0]<<endl;记住下标是从0开始的。 使用迭代器访问元素. vector<int>::iterator it; for(it=v ......

[TOC] #### 值传递&引用传递 Java 中的传递，是值传递，而这个值，实际上是对象的引用。 1、传递的值在栈中，直接拷贝一份值传递，改变的形参不会对实参造成影响。 2、传递的值在栈中存放的是地址（引用），先根据栈中的地址找到在堆上的值，然后把地址拷贝一份（拷贝的地址是一个值），此时形参和实 ......

1. 有两个索引 2 索引的切片 L= [1,2,3,4,5,6] L[start:stop:step] 如L[1,2,2] 3. 列表增加元素 L.append(9) ，L.append([2,3]) 尾部追加 L.extend([1,2,3]) 尾部追加 L.insert(3,5） 位置3插入5 ......

1、maven的两大核心内容： - 依赖管理：对 jar 的统一管理(Maven 提供了一个 Maven 的中央仓库，https://mvnrepository.com/ ，当我们在项目中添加完依赖之后，Maven 会自动去中央仓库下载相关的依赖，并且解决依赖的依赖问题。)，也可以是自己的仓库。 - ......

这周，在自学大数据领域的过程中，我取得了不少进展。我专注于学习大数据的核心概念、技术和工具，并且通过实践项目来巩固所学的知识。以下是我本周学习和实践的总结：首先，我深入研究了大数据的相关概念和技术栈。我了解了大数据的定义、特征和挑战，学习了Hadoop和Spark这两个主要的大数据处理框架。我对Ha ......

# 数组 ## 一维数组的创建和初始化 ```c //创建 类型 数组名 [元素个数]; int arr[10]; char arr2[5]; //初始化 int arr[10]={1,2,3}; //不完全初始化 char arr[5]={'a','b'}; char arr3[5]="ab";/ ......

# 函数和递归 ## 库函数 ### strcpy() ​ 使用之前要先包含 ​ 拷贝时会将\0一起拷贝（注意：/0是字符串结束的标志,但计算长度时不计入） ### memset() 内存设置 ​ 使用之前要先包含 ```c #include #include int main() { char a ......

### 写在前面 比赛地址：[https://ac.nowcoder.com/acm/contest/57356](https://ac.nowcoder.com/acm/contest/57356)。 我是 MINUS-FIFTEEN 级超级战犯。 澄清一下，我不是声优厨，我不是声优厨，我不是声优 ......

本周，我学习了Hadoop的概述和入门内容。这概述的内容不多也不是特别重要，入门的内容大致讲解了hadoop的组成以及接下来我准备学习的hdfs内容的基础，大致内容为hadoop的概念：Hadoop是一个开源的分布式计算框架，用于存储和处理大规模数据集。它包括Hadoop分布式文件系统（HDFS）和 ......

1. 深夜模式：账户 $\rightarrow$ office主题 2. 神奇操作：.ppt 后缀改成 .rar 居然可以解压 /jy 3. 默认设置：账户 $\rightarrow$ 保存 $\rightarrow$ 字体嵌入；账户 $\rightarrow$ 高级设置 $\rightarrow$ ......

这一周配置了虚拟机，安装了linux系统，并学习了一些Linux的命令 1. .Linux的目录结构是一个树型结构windows 系统可以拥有多个盘符如C盘、D盘、E盘Linux没有盘符这个概念,只有一个根目录 /所有文件都在它下面 2. Linux路径的描述方式在Linux系统中，路径之间的层级关 ......

C++友元函数和友元类（C++ friend关键字） 借助友元（friend），可以使得其他类中的成员函数以及全局范围内的函数访问当前类的 private 成员。 注意，友元函数不同于类的成员函数，在友元函数中不能直接访问类的成员，必须要借助对象。 除非有必要，一般不建议把整个类声明为友元类，而只将 ......