来自万古的忧伤-CSDN博客

原创 CSS结构伪类

一. 结构伪类选择器1.结构伪类区别：• :nth-child → 直接在所有孩子中数个数• :nth-of-type → 先通过该类型找到符合的一堆子元素，然后在这一堆子元素中数个数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2022-05-28 22:08:55 411

原创 CSS清除浮动

一思考题我们前面浮动元素有一个标准流的父元素，他们有一个共同的特点，都是有高度的。但是，所有的父盒子都必须有高度吗？答案：不一定！比如，一个产品列表，随着时期的不同，产品数量也不同，所需的盒子大小也会随之改变，那么直接固定盒子高度的形式显然就是不行的。再比如，文章之类的盒子，不同的文章字数是不相同的，那么显然盒子也不能直接固定高度。理想中的状态，让子盒子撑开父亲。有多少孩子，我父盒子就有多高。但是不给父盒子高度会有问题吗？答案：会！但有方法解决（清除浮动）。二为什么需要清除浮动？由于父级

2022-05-28 18:00:08 246

原创 CSS浮动（float）

一传统网页布局的三种方式网页布局的本质：用 CSS 来摆放盒子，把盒子摆放到相应位置。CSS 提供了三种传统布局方式（简单说就是盒子如何进行排列）。普通流（标准流）浮动定位这里指的只是传统布局，其实还有一些特殊高级的布局方式。二标准流（普通流/文档流）所谓的标准流：就是标签按照规定好的默认方式排列。块级元素会独占一行，从上向下顺序排列。行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。以上都是标准流布局，我们前面学习的就是标准流，标准流是最基本的布局方式

2022-05-26 21:24:37 17598 7

原创 awk多行合并

awk一般来说都是直接是多行每行一个，如果需要多行合并的话，就需要使用以下来做多行合并awk '{if(NR%5!=0)ORS=" ";else ORS="\n "}1'

2022-05-26 16:32:28 901

原创 go mod 使用私有gitlab群组的解决方案

如果使用gitlab 的仓库作为go mode 私有库，会遇到go mod tidy会报错说gitlab 仓库会有问题拉不下来我们需要配置gitlab的https为sshgit config --global url."[email protected]:".insteadOf https://gitlab.com/也可以获取具体的分支在go mod修改replace gitlab.com/YourGroup/SubGroup/Project => gitlab.com/YourGroup

2022-05-24 20:06:03 930 1

原创 CSS练习三(盒子练习)

练习题1<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

2022-05-23 23:02:14 1542

原创 CSS盒子模型

页面布局要学习三大核心：盒子模型、浮动和定位。学习好盒子模型能非常好的帮助我们布局页面。一、看透网页布局的本质网页布局过程：先准备好相关的网页元素，网页元素基本都是盒子利用 CSS 设置好盒子样式，然后摆放到相应位置往盒子里面装内容网页布局的核心本质：就是利用 CSS 摆盒子！二、盒子模型（Box Model）组成所谓盒子模型：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元.

2022-05-23 22:58:35 984

原创 CSS练习二

练习一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt

2022-05-21 11:17:16 99

原创 CSS三大特性

CSS 有三个非常重要的特性：层叠性、继承性、优先级。1 层叠性给同一个选择器设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题。层叠性原则：样式冲突，遵循的原则是就近原则，哪个样式距离结构近，就执行哪个样式样式不冲突，不会层叠注：就近的标准是：后 > 前<!doctype html><html lang="en"><head> <meta charset="UTF-8"> .

2022-05-21 11:15:11 221

原创 Emmet语法

Emmet 语法的前身是 Zen coding，它使用缩写，来提高 html/css 的编写速度,，VSCode 内部已经集成该语法。快速生成 HTML 结构语法快速生成 CSS 样式语法快速生成HTML结构语法生成标签直接输入标签名按 tab 键即可，比如 div 然后 tab 键，就可以生成 <div></div>如果想要生成多个相同标签加上 * 就可以了，比如 div*3 就可以快速生成 3 个 div如果有父子级关系的标签，可以用 > 比如 ul&g

2022-05-21 10:49:45 159

原创 CSS 的背景

通过 CSS 背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。1 背景颜色background-color 属性定义了元素的背景颜色。background-color: 颜色值;一般情况下元素背景颜色默认值是 transparent（透明），我们也可以手动指定背景颜色为透明色。background-color: transparent;目前 CSS 还支持丰富的渐变色，但是某些浏览器不支持，这里了解即可，具体内容请查阅资

2022-05-21 10:44:51 268

原创 CSS 的元素显示模式

1 什么是元素显示模式作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素（标签）以什么方式进行显示，比如 <div> 自己占一行，比如一行可以放多个 <span>。HTML 元素一般分为块元素和行内元素两种类型。2 块元素常见的块元素有 <h1> ~ <h6>、<p>、<div>、<ul>、<ol>、<li>、&l

2022-05-21 10:06:39 171

原创 CSS的复合选择器

1 什么是复合选择器在 CSS 中，可以根据选择器的类型把选择器分为：基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基础选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素（标签）复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等2 后代选择器后代选择器又称为包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层

2022-05-19 07:44:10 648

原创 CSS练习

练习一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt

2022-05-19 07:27:29 99

原创 CSS文本属性

CSS Text（文本）属性可定义文本的外观，比如：文本颜色、文本对齐、文本装饰、文本缩进、行间距等。1 文本颜色color 属性用于定义文本的颜色。div { color: red;}表示方式属性值预定义的颜色值red，green，blue，black，white，gray十六进制#FF0000，#FF6600，#29D794（每两位对应：#红R绿G蓝B）RGB 代码rgb(255, 0, 0) 或 rgb(100%, 0%, 0%)注意：开

2022-05-18 22:09:06 152

原创 CSS字体属性

CSS Fonts（字体）属性用于定义：字体系列、大小、粗细、和文字样式（如：斜体）。1 字体系列CSS 使用 font-family 属性定义文本的字体系列。p { font-family: "Microsoft YaHei";}div { font-family: Arial, "Microsoft YaHei";}各种字体之间必须使用英文状态下的逗号隔开一般情况下，如果有空格隔开的多个单词组成的字体，加引号尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示最

2022-05-18 21:39:58 549

原创 docker用root身份登陆容器

执行命令带上user参数就可以docker exec -it --user root <container id> /bin/bash

2022-05-18 21:37:22 961

原创 filebeat开发自定义插件

一简介filebeat是一个纯go编写的日志收集工具，但是内置的插件不能满足所有的日常需求，那么我们就可以根据自己的需求自定义插件集成进去filebeat启动的时候会将配置文件中processors给定的列表启动对应的插件有内置的有自定义的processors: #数字1-100 不能超过100 #如果是需要收集所有日志请关闭scale processor - scale_event: num: 10二开发流程项目地址https://github.com/strive-

2022-05-18 21:15:37 1254

原创 CSS基础选择器

1 CSS选择器的作用选择器就是根据不同的需求把不同的标签选出来，这就是选择器的作用，简单来说，就是：选择标签用的。h1 { color: red; font-size: 25px;}以上 CSS 做了两件事：找到所有的 h1 标签。（选对人）设置这些标签的样式：颜色为红色、字体大小为 25 像素。（做对事）2 选择器的分类选择器分为基础选择器和复合选择器两个大类，本文首先介绍一下基础选择器。基础选择器是由单个选择器组成的基础选择器又包括：标签选择器、类选择器、i

2022-05-13 18:06:40 165

原创 CSS引入方式

1 CSS的三种引入方式按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类：行内样式表（行内式）内部样式表（嵌入式）外部样式表（外链式）2 行内样式表行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式，适合于修改简单样式。<div style="color: red; font-size: 12px;"> 青春不常在，抓紧谈恋爱</div>style 其实就是标签的属性在双引号中间，写法要符合

2022-05-13 17:48:35 519

原创 CSS简介

一 HTML的局限性HTML 只关注内容的语义，虽然 HTML 可以做简单的样式，但是带来的是无尽的臃肿、繁琐和低维护性……二 CSS网页的美容师CSS 是层叠样式表的简称。有时我们也会称之为 CSS样式表或级联样式表。CSS 也是一种标记语言。CSS 主要用于设置 HTML 页面中的文本样式（字体、大小、颜色、对齐方式……）、图片样式（宽高、边框样式、边距……）以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩，布局更加灵活自如，简单理解：CSS 可以美化 HTML，让

2022-05-13 17:23:06 328

原创 HTML小练习(二)

一学生信息表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2022-05-10 11:07:48 154

原创 HTML语义标签以及字符实体

一语义标签1.无语义的标签实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签div标签：一行只显示一个（独占一行）span标签：一行可以显示多个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta

2022-05-10 11:05:06 100

原创 HTML表单标签

一为什么需要表单使用表单的目的是收集用户信息。在网页中，需要跟用户进行交互，收集用户资料，此时就需要表单。二表单的组成在 HTML 中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息 3 个部分构成。三表单域表单域是一个包含表单元素的区域。在 HTML 标签中，<form> 标签用于定义表单域，以实现用户信息的收集和传递。<form> 会把它范围内的表单元素信息提交给服务器。<form action="url地址" method

2022-05-10 10:40:14 1512

原创 HTML列表标签

一介绍表格是用来显示数据的，那么列表就是用来布局的。列表最大的特点就是：整齐、整洁、有序、它作为布局会更加自由和方便。在实际开发中凡是遇到排列整齐的简洁内容，都可以使用列表来进行布局。合理的使用列表布局可以有效提高 SEO。根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。标签名定义说明<ul> </ul>无序标签里面只包含 li，没有顺序，使用较多，li 里面可以包含任何标签<ol> </ol&

2022-05-10 07:28:27 399

原创 HTML表格标签

一表格的主要作用表格主要用于显示、展示数据。因为它可以让数据显示得非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理（合理的使用表格也能够有效提高 SEO）。注意：表格不是用来布局页面的，而是用来展示数据的。表格常用于表单数据的 “布局”。特别强调，表格是用于表单数据的 “布局”，而不是页面的布局！二表格的基本语法<table> <tr> <td>单.

2022-05-09 21:57:59 539

原创 HTML特殊字符

1 注释如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的文字，就需要使用注释标签。HTML 中的注释以： 结束。一句话：注释标签里面的内容是给程序员看的，这个代码是不执行不显示到页面中的。注释是为了更好地解释代码功能，便于相关开发人员理解和阅读代码，程序是不会执行注释内容的。2 特殊字符在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。

2022-05-09 21:44:52 395

原创 HTML小练习(一)

一标签练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>案例1</title></head><body> <h1>腾讯科技高级web前端开发岗位</h1> <br> <h2>职位描述</h2> <p>负责重点项目的前端技术方案和架

2022-05-09 17:01:43 488

原创 HTML常用标签

一标签语义简单的理解：标签的含义，即：这个标签是用来干嘛的。二标题标签为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML 提供了 6 个等级的网页标题，即：<h1> 到 <h6>。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>biaoti</title></head&g

2022-05-09 16:58:55 304

原创 HTML简介

一网页1 什么是网页？**网站：**利用前端技术制作的网页集合。**网页：**构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）必须通过浏览器来阅读。2 什么是HTML?**超文本：**由图片、声音、动画、视频……构成且可以相互链接的文本。**HTML：**超文本标记语言（HTML 不是编程语言，而是由一套标记标签构成的标记语言）。3 网页的形成前端代码开发 ——> 浏览器解析、渲染代码 ——> 呈现 Web 页面。二浏览器1 常用浏览器PC

2022-05-08 20:48:52 383 1

原创 go依赖注入wire

参考https://lailin.xyz/post/go-training-week4-wire.html 一安装go get github.com/google/wire/cmd/wire或者go install 也可以然后在GOPATH/bin会有一个二进制文件放在GOPATH/bin 会有一个二进制文件放在GOPATH/bin会有一个二进制文件放在PATH下面就可以了项目启动初始化过程中会依赖很多库包，自己写会导致库的循环引用用wire 可以避免循环引用以及依赖缺失二简单使.

2022-04-26 09:43:57 541

原创查找容器网卡与宿主机网卡的对应关系

#进入容器查看网卡name kubectl exec -it postgres-6b5c55f477-sjwh6 -n argo bash ip aip link show | grep 33brctl show其实cni0 在这里充当了一个交换机的功能

2022-03-31 18:06:00 1456

原创 Image镜像规范

docker save alpine:3.12 > alpine.tarmkdir test mv alpine.tar test/cd test tar xf alpine.tarls Layers定义了分层这个就是运行的环境#这个文件就是定义了config.json runc 运行指定的config文件0ca43409a9c97dfd1076dbe4a8fffb26c574e4bb1f977dda8f5bd20e0114d19b.json我们针对这个镜像做bui

2022-03-26 16:57:32 436

原创好用的命令行工具汇总

一 nsenternsenter命令是一个可以在指定进程的命令空间下运行指定程序的命令-t, --target pid：指定被进入命名空间的目标进程的pid-m, --mount[=file]：进入mount命令空间。如果指定了file，则进入file的命令空间-u, --uts[=file]：进入uts命令空间。-i, --ipc[=file]：进入ipc命令空间。-n, --net[=file]：进入net命令空间。-p, --pid[=file]：进入pid命令空间。–user[=fi

2022-03-25 22:13:41 178

原创 Runc创建pause容器共享Namespace空间

一创建Pause容器这个建立在之前创建过网络ns的情况下https://blog.csdn.net/weixin_45413603/article/details/123727247?spm=1001.2014.3001.5501mkdir pause/rootfsdocker export $(docker create ibmcom/pause:3.1) | tar -C pause/rootfs -xvf -rc run -d pause > pause.out 2>&amp

2022-03-25 22:03:25 939

原创 Runc配置容器ip并且配置对外转发

一配置网络环境我们需要brctl来创建网桥yum install -y bridge-utilsbrctl show 创建网桥并且给网桥配置ip 这个网桥可以理解为就是一个交换机brctl addbr test0ip link set test0 upip addr add 10.12.0.1/24 dev test0在网桥创建两个网卡并且veth0-host绑定在 test0的网桥上面ip link add name veth0-host type veth peer nam

2022-03-25 09:32:01 3648

原创 Runc挂载目录并且使用exec进入容器

一写一个http的go程序package mainimport ( "flag" "fmt" "github.com/gin-gonic/gin" )var port intfunc init() { flag.IntVar(&port,"port",9090,"-p")}func main() { flag.Parse() g := gin.Default() fmt.Sprintf("http server is run port is %v",port

2022-03-24 21:19:06 846

原创通过Runc来启动容器

一 Runc与docker的关系runC它是用来运行容器的一个轻量级工具。被称为运行容器的运行时，它负责利用符合标准的文件OCI（Open Container Initiative）标准等资源运行容器譬如当我们执行docker run alpine sh的时候。1、到了shim环节后，shim启动runc2、runC负责找到alpine这个镜像文件中的sh程序并运行3、交给它的父进程shim 接管 sh 这个进程支持Linux namespace；对Linux中可用的所有安全功能的本地

2022-03-24 16:18:57 2598

原创 Operator字段校验

官方提供的字段校验https://book.kubebuilder.io/reference/markers/crd-validation.html根据官方的字段校验我们可以提供然后需要执行make generatemake installmake runkubectl describe crd redis.myapp.qushuaibo.com可以通过这个来实现对字段的一些输入校验apiVersion: myapp.qushuaibo.com/v1kind: Redism

2022-03-22 10:26:46 116

原创 Gin学习之路(三)

1.日志处理一般我们会自己写日志中间件，这里来看下gin提供的日志package mainimport ( "github.com/gin-gonic/gin" "io" "os")func main() { gin.DisableConsoleColor() f, _ := os.Create("gin.log") gin.DefaultWriter = io.MultiWriter(f) router := gin.Default() router.GET("/p

2022-03-22 10:06:39 200

K8s学习路线.mmap

空空如也