-
06.5.2 具有相对特性的无依赖 absolute 绝对定位。一个绝对定位元素，没有任何 left/top/right/bottom 属性设置，并且其祖先元素全部都是非定位元素，其位置在哪里？实际上，还是当前位置，不是在浏览器左上方。absolute 是非常独立的 CSS 属性值，其样式和行为表现不依赖其他任何 CSS 属性就可以完成。把这种没有设置 left/top/ right/bottom 属性值的绝对定位称为“无依赖绝对定位”。本质上就是“相对定位”，仅仅是不占据 CSS 流的尺寸空间而已。可以运用的场
-
06.5.2 具有相对特性的无依赖 absolute 绝对定位。一个绝对定位元素，没有任何 left/top/right/bottom 属性设置，并且其祖先元素全部都是非定位元素，其位置在哪里？实际上，还是当前位置，不是在浏览器左上方。absolute 是非常独立的 CSS 属性值，其样式和行为表现不依赖其他任何 CSS 属性就可以完成。把这种没有设置 left/top/ right/bottom 属性值的绝对定位称为“无依赖绝对定位”。本质上就是“相对定位”，仅仅是不占据 CSS 流的尺寸空间而已。可以运用的场
-
0共 6 张
-
0共 6 张
-
0共 4 张
-
0absolute是非常独立的CSS属性值，其样式和行为表现不依赖其他任何CSS属性就可以完成 把没有设置left /top/right/bottom属性值的绝对定位称为无依赖绝对定位，很多场景下无依赖绝对定位要比使用left/top之类属性定位和强大很多，因为其“相对定位特性”，相对性和不占据空间这两个特性在开发时非常有用 右上角小图标，可以通过position absolute加上margin的形式定位，可以方便的确认距离，相对于100%这种形式更加灵活 其他场景类似，主要使用相对性来调整距
-
0absolute 绝对定位： 一个绝对定位元素，没有任何 left/top/right/bottom 属性设置，并且其祖先元素全部都是非定位元素，其位置还是当前位置，不是在浏览器左上方； absolute 是非常独立的 CSS 属性值，其样式和行为表现不依赖其他任何 CSS 属性就可以完成； 无依赖绝对定位：没有设置 left/top/ right/bottom 属性值，推荐使用绝对定位+margin； 浮动和绝对定位不要同时使用。 absolute 与 text-align： text-align 可以改变absolute 元素的位置； 特性 1、代码更简洁 2、相对
-
0具有相对特性的无依赖 absolute 绝对定位： 一个绝对定位元素，没有任何 left/top/right/bottom 属性设置，并且其祖先元素全部都是非定位元素，其位置还是当前位置，不是在浏览器左上方； absolute 是非常独立的 CSS 属性值，其样式和行为表现不依赖其他任何 CSS 属性就可以完成； 无依赖绝对定位：没有设置 left/top/ right/bottom 属性值，推荐使用绝对定位+margin； 浮动和绝对定位不要同时使用。 absolute 与 text-align： text-align 可以改变absolute 元素的位置； 原因
-
0施冲冲冲
2-17
6.5 float 的兄弟 position:absolute 当 absolute和float同时存在的时候， float属性是无任何效果的 6.5.1 absolute 的包含块 元素用来计算和定位的一个框 一、计算规则 1、根元素（很多场景下可以看成是<html>）被称为“初始包含块”，其尺寸等同于浏览器可视窗口的大小 2、position是relative或者static，则“包含块”由其最近的块容器祖先盒的content box边界形成 3、position:fixed,是“初始包含块” 4、position:absolute，则“包含块”由最近的position不为static的祖先元素建施冲冲冲
2-17
-
06.5.2 具有相对特性的无依赖 absolute 绝对定位 一个绝对定位元素，没有任何left/top/right/bottom属性设置，并且其祖先元素全部都是非定位元素: 当前位置。 特性： 1、代码更简洁 2、相对定位特性:仅仅是不占据CSS流的尺寸空间而已 absolute 定位效果实现完全不需要父元素设置 position为 relative 或其他什么属性就可以实现，把这种没有设置 left/top/ right/bottom 属性值的绝对定位称为“无依赖绝对定位”。 6.5.3 absolute 与 text-align 6.6 absolute 与 overflow 如果 overflow不是
-
0具有相对特性的无依赖 absolute 绝对定位 具有相对特性的无依赖 absolute 绝对定位是前端布局里一种灵活且独特的定位方式。在传统绝对定位中，元素需依赖最近的已定位祖先元素确定位置，但这种定位打破此限制。它的相对性体现在可基于浏览器视口或文档流逻辑位置来定位。比如在创建全局覆盖层时，即便没有特定已定位祖先元素，元素也能直接相对于视口进行定位，像使其在视口居中，实现不依赖祖先元素的精准布局。在一些复杂交互场景里，借
-
0ipcs 查询进程间通信资源 ipcs -m 查看系统使用的IPC共享内存 -q 查看IPC队列 -s 查看信号量 ipcs -l 系统IPC参数查询 修改IPC系统参数 root用户下修改/etc/sysctl.conf ,保存后使用 sysctl -p ipcrm 清除ipc资源 top常用交互操作 q:退出 <Space>刷新 s设置刷新间隔 m显隐内存状态 t显隐进程和cpu状态 P 按CPU使用率排行 M 按内存使用排行 u 指定显示用户进程 htop
-
1我们通常能够在物质领域理解并接受『循序渐进』的原则，但在精神领域、人际关系，甚至个人品德方面，却很难做到这一点。即使理解了，也未必愿意接受或时间，结果妄图走捷径，想跳过关键步骤到达目的地的并不少见。 但是缩短自然成长与发展的过程，结果如何呢？假如你的网球技术一般，却想与高手较量，只为了给人深刻的印象，结局可想而知。难道只靠高昂的斗志就能帮助你击败职业高手？又假设你琴艺平平，却向亲朋吹嘘有开演奏会的
-
0absolute absolute 定位是一种强大且常用的布局方式，而理解其包含块（containing block）的概念对于正确运用 absolute 定位至关重要。 包含块是一个元素进行定位、尺寸计算等的参考依据。对于使用 position: absolute 的元素而言，其包含块的确定规则与普通元素不同。 确定包含块的规则： 1. 最近的已定位祖先元素：如果一个 absolute 定位元素有祖先元素的 position 属性值为 relative、absolute、fixed 或者 sticky，那么这个最近的已定位祖先元素就会成为该 absolute 元素
-
0总结 position: absolute 与 float 的异同 1. 块状化：absolute 和 float 均使元素块状化（display 计算值为 block 或 table）。 2. 破坏性：两者均脱离文档流，影响周围元素布局，但 absolute 脱离更彻底。 3. 包裹性：元素尺寸由内容决定，absolute 天然支持包裹性，无需额外设置 inline-block。 包含块差异 1. 定义：绝对定位的包含块由最近的 position 非 static 的祖先元素的 padding box 确定。float 的包含块为父元素的内容框。 2. 内联元素作为包含块：包含块由生成的内联盒子
-
06.5 float 的兄弟 position:absolute。absolute 和 float 可以看作是“同父异母”的兄弟关系。，“块状化”和浮动类似，元素一旦 position 属性值为 absolute 或 fixed，其display 计算值就是 block 或者 table。例如，<span>元素默认是 inline 水平，但是一旦设置position:absolute，其 display 计算值就变成了 block。 absolute 天然具有“包裹性”，因此没有必要使用 display:inline-block，如果要让元素显示或者“无依赖定位”，可以试试更简短的 display:inline。 6.5.1 absolute 的包含块。
-
0position:absolute绝对定位 当absolute和float同时存在的时候，float属性是无任何效果的 包含块 根元素（很多场景下可以看成是html)被称为“初始包含块”，其尺寸等同于浏览器可视窗口的大小。(2）对于其他元素，如果该元素的position是relative或者 static,则“包含块”由其最近的块容器祖先盒的content box边界形成。(3)如果元素poston:fixed,则“包含块”是“初始包含块”。(4)如果元素position:absolute,则 “包含块”由最近的position不为static的祖先元素建立。 和常规元ant
2-11
-
0absolute absolute 定位是一种强大且常用的布局方式，而理解其包含块（containing block）的概念对于正确运用 absolute 定位至关重要。 包含块是一个元素进行定位、尺寸计算等的参考依据。对于使用 position: absolute 的元素而言，其包含块的确定规则与普通元素不同。 确定包含块的规则：1. 最近的已定位祖先元素：如果一个 absolute 定位元素有祖先元素的 position 属性值为 relative、absolute、fixed 或者 sticky，那么这个最近的已定位祖先元素就会成为该 absolute 元素的
-
06.5 float 的兄弟 position:absolute。absolute 和 float 可以看作是“同父异母”的兄弟关系。，“块状化”和浮动类似，元素一旦 position 属性值为 absolute 或 fixed，其display 计算值就是 block 或者 table。例如，<span>元素默认是 inline 水平，但是一旦设置position:absolute，其 display 计算值就变成了 block。 absolute 天然具有“包裹性”，因此没有必要使用 display:inline-block，如果要让元素显示或者“无依赖定位”，可以试试更简短的 display:inline。 6.5.1 absolute 的包含块。
-
06.5-6.5.1 总结position: absolute 与 float 的异同，重点解析了绝对定位的包含块机制及其对布局的影响，以下是核心要点：重点内容 共性特性 块状化：absolute 和 float 均使元素块状化（display 计算值为 block 或 table）。 破坏性：两者均脱离文档流，影响周围元素布局，但 absolute 更彻底。 包裹性：元素尺寸由内容决定，absolute 天然支持，无需额外设置 inline-block。 包含块差异 定义：绝对定位的包含块由最近的 position 非 static 的祖先元素的 padding box 确定。 内联
-
0position: absolute和float: left是兄弟关系，都兼具包裹性、块状化和破坏性的特性 包含块是width采用百分比时的相对元素，包含块的优先级： 1. 根元素，称为初始包含块 2. position是relative和static，则包含块是最近的块元素 3.position是fixed的包含块是初始包含块 4. absolute的包含块则是position不为static的祖先元素 内联元素的包含块可以受::first-line伪元素影响，但不受::first-letter伪元素影响
-
06.5-6.5.1 总结position: absolute 与 float 的异同，重点解析了绝对定位的包含块机制及其对布局的影响，以下是核心要点：重点内容 共性特性 块状化：absolute 和 float 均使元素块状化（display 计算值为 block 或 table）。 破坏性：两者均脱离文档流，影响周围元素布局，但 absolute 更彻底。 包裹性：元素尺寸由内容决定，absolute 天然支持，无需额外设置 inline-block。 包含块差异 定义：绝对定位的包含块由最近的 position 非 static 的祖先元素的 padding box 确定。 内联
-
06.5 float 的兄弟 position:absolute 当 absolute和float同时存在的时候， float属性是无任何效果的 6.5.1 absolute 的包含块 元素用来计算和定位的一个框 一、计算规则 1、根元素（很多场景下可以看成是<html>）被称为“初始包含块”，其尺寸等同于浏览器可视窗口的大小 2、position是relative或者static，则“包含块”由其最近的块容器祖先盒的content box边界形成 3、position:fixed,是“初始包含块” 4、position:absolute，则“包含块”由最近的position不为static的祖先元素建
-
2参考4 ps进程查看器 ps工具标识进程状态：D 不可中断 R 运行 S 中断 T 停止 Z 僵死 ps命令参数 a 显示所有进程 c 显示进程真实名称 -H 显示树状结构 r 显示当前终端的进程 u 指定用户的所有进程 -aux 显示所有包含其他使用者的进程 输出 PPID 父进程ID C 使用的CPU资源百分比 SZ 使用内存大小
-
7float的本质和特性 本质：为了实现文字环绕效果 缺点：缺少弹性，容错性很糟糕 特性：包裹性，块状化并格式化上下文，破坏文档流，没有任何margin合并 float的作用机制 float 属性会让父元素的高度塌陷 float 属性让父元素高度塌陷的原因就是为了实现文字环绕效果 “文字环绕效果”是由两个特性（即“父级高度塌陷”和“行框盒子区域限制”）共同作用的结果 float 更深入的作用机制 IE6和IE7浮动元素会下一行显示 浮动锚点是float元素所在的“流”中
-
0总结：GDB、LDD 和 LSOF 的使用 1. GDB（GNU 调试器） 链接：GDB 文档 GDB 主要功能： •调试程序，定位和解决代码中的问题。 •支持断点、单步执行、查看变量、堆栈跟踪等功能。 •可用于 C/C++ 等多种语言。 基本使用： 1.启动调试：gdb ./程序名 2.设置断点：break 行号/函数名 3.运行程序：run [参数] 4.查看变量：print 变量名 5.单步调试： •step：进入函数 •next：跳过函数 6.查看堆栈：backtrace 7.退出调试：quit 进阶功能： •调试核心转储文件：通过 core 文件
-
0性能优化的内容 1. 性能优化的基础概念 •优化的必要性：性能优化能够提升系统运行效率，降低资源消耗，改善用户体验。 •优化的原则： •瓶颈定位优先：先找到性能瓶颈再进行优化。 •评估收益与成本：平衡优化的收益与可能产生的维护成本。 •逐步实施：优化应循序渐进，避免一次性大改动。 2. 性能优化的流程 1.收集数据： •使用监控工具记录系统运行数据，分析热点和瓶颈。 •常用工具：top、iotop、strace、perf。 2.性能分析： •CPU性能
-
0第1部分是gdp调试利器 对C/C++程序的调试，需要在编译前就加上-g选项:$g++ -g hello.cpp -o hello 调试可执行文件:$gdb <program> 查询运行信息 where/bt ：当前运行的堆栈列表； bt backtrace 显示当前调用堆栈 up/down 改变堆栈显示的深度 set args 参数:指定运行时的参数 show args：查看设置好的参数 info program： 来查看程序的是否在运行，进程号，被暂停的原因。 分割窗口 layout：用于分割窗口，可以一边查看代码，一边测试： layout src：显示源代码窗口 layout asm：显
-
0这部分讲的是性能优化 分析系统瓶颈，内存，IO，进程调用，优化程序代码 1.系统响应变慢，首先得定位大致的问题出在哪里，是IO瓶颈、CPU瓶颈、内存瓶颈还是程序导致的系统问题； 使用top工具能够比较全面的查看我们关注的点: 2.使用free命令查看内存是否存在瓶颈更好 [/home/weber#]free total used free shared buffers cachedMem: 501820 452028 49792 37064 5056 136732-/+ buffers/cache: 310240 191580Swap: 0 0 0[/home/weber#]toptop - 17:52:17 up 42 days, 7:10, 1 user, load average: 0.02, 0.02, 0.05Tasks: 80 t
-
0这部分讲的是程序调试 以下从一个完整的调试过程简单说明最基本的几个命令; $gdb programmer # 启动gdb >break main # 设置断点 >run # 运行调试程序 >next # 单步调试 >print var1 # 在调试过程中，我们需要查看当前某个变量值的时候，使用print 命令打印该值 >list # 显示当前调试处的源代码 >info b # 显示当前断点设置情况 size这个工具用来查看程序运行时各个段的实际内存占用
-
0进阶1主要讲的程序构建 分为配置，编译，安装 配置：–prefix是配置使用的最常用选项，设置程序安装的路径； 编译使用make编译: 安装就是将生成的可执行文件拷贝到配置时设置的初始路径下
-
1gdb调试 调试可执行文件 gdb <program> 调试core文件 gdb <program> <core dump file> 调试服务程序 gdb <program> <PID> 交互命令 run 运行 continue 继续执行 next 单步跟踪 step 单步，会进入函数 until 运行至退出循环 until+行号 运行至某行 finish运行至当前函数返回 打印返回值和参数值 call 调用程序中的函数 quit 退出 设置断点 break n 在第n行设置断点 delete n 删除第n个 disable n enable n clear n 清除第n行的断点 delete breakpoints 查看源代码 list 默认每次显示10行 l
-
123.文本处理
-
11《Linux工具快速教程》主要介绍了 Linux 系统中常用的命令行工具和操作，帮助用户快速熟悉和掌握 Linux 环境下的基本操作，建立对 Linux 系统的基本理解和操作能力。
-
0性能优化 分析系统瓶颈 top工具 交互模式输入M，进程按内存使用大小降序；输入P，按CPU降序 top 第三行Cpu(s)，%id空闲CPU时间百分比 %wa等待IO的CPU时间百分比 内存瓶颈 free查询可用内存 vmstat工具 IO瓶颈 iostat工具 进程调用 pstack跟踪进程栈 strace跟踪进程中的系统调用 代码优化 二八法则
-
0
-
10
-
06.4.5 overflow 与锚点定位。锚点，通俗点的解释就是可以让页面定位到某个位置的点。其在高度较高的页面中经常见到，如百度百科页面中标题条目的快速定位效果。实现锚点跳转的方法有两种，一种是<a>标签以及 name 属性，还有一种就是使用标签的 id 属性。百度百科就是使用<a>标签的 name 属性实现锚点跳转的。 1．锚点定位行为的触发条件：锚点定位行为的触发条件；可 focus 的锚点元素处于 focus 状态。虽然都是锚点定位，但是这两种定位方
-
0overflow 与锚点定位 锚点跳转的方法： 1.<a>标签以及 name 属性 2.使用标签的 id 属性 锚点定位行为的触发条件： 1.URL 地址中的锚链与锚点元素对应并有交互行为 2.可 focus 的锚点元素处于 focus 状态 锚点定位作用的本质： 通过改变容器滚动高度或者宽度来实现的 overflow:hidden 的元素也是可滚动的，overflow:hidden 跟 overflow:auto 和 overflow：scroll 的差别就在于有没有那个滚动条。元素设置了 overflow:hidden 声明，里面内容高度溢出的时候，滚动依然存在，仅仅
-
0一、核心概念阐述 锚点定位，这一技术旨在帮助用户快速跳转到页面中的特定位置，如某个段落或元素。其实现原理在于调整滚动容器的scrollTop或scrollLeft属性值。触发这一动作的条件多样，包括URL地址中包含对应的锚链值（例如#id或#name），或是可focus元素（如<input>、按钮等）获得焦点。 二、实现方式概览 基于URL锚链的定位 利用<a href="#id">标签，用户可以轻松跳转到目标元素。例如，在HTML中设置<h2 id="section1">Section 1</h
-
06.4.5 overflow 与锚点定位 1．锚点定位行为的触发条件 下面两种情况可以触发锚点定位行为的发生： （1）URL 地址中的锚链与锚点元素对应并有交互行为； 由”内而外”的锚点定位会触发窗体的重定位，也就是说，如果页面也是可以滚动的，则点击选项卡按钮后页面会发生跳动 （2）可 focus 的锚点元素处于 focus 状态。 类似链接或者按钮、输入框等可以被focus的元素在被focus时发生的页面重定位现 页面窗体就有滚动条，绝大多数情况下，也都不会发生跳
