NOT
04-CSS选择器：伪类
title: 04-CSS选择器：伪类 publish: true 伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后 ......
06-CSS盒模型详解
title: 06-CSS盒模型详解 publish: true 盒子模型 前言 盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 盒子中的区域 一个 ......
05样式表的继承性和层叠性
title: 05-CSS样式表的继承性和层叠性 publish: true 本文重点 CSS的继承性 CSS的层叠性 计算权重 权重问题大总结 CSS样式表的冲突的总结 权重问题深入 同一个标签，携带了多个类名 !important标记 CSS的继承性 我们来看下面这样的代码，来引入继承性： 上方 ......
nmap 扫描目标网段主机操作系统
nmap 扫描目标网段主机操作系统 一、使用ping方式获取存活主机 [root@localhost ~]# vim pingos.sh #!/bin/bash #探测目标主机操作系统 addr="10.0.0." upfile="alive.list" linfile="linuxos.list" ......
积性函数与狄利克雷卷积
积性函数 定义 设$f\left(n\right)$为数论函数，若： $\left(1\right)f\left(1\right)=1$ $\left(2\right)$若$\left(a,b\right)=1,f\left(ab\right)=f\left(a\right)f\left(b\rig ......
索引
一、索引 索引就相当于目录。为了方便查找书中的内容，通过对内容建立索引形成目录。索引是一个文件，它是要占据物理空间的。 索引有哪些优缺点？ 索引的优点 可以大大加快数据的检索速度，这也是创建索引的最主要的原因。 通过使用索引，可以在查询的过程中，使用优化隐藏器，提高系统的性能。 索引的缺点 时间方面 ......
Explain
参考自：https://blog.csdn.net/fsdfkjai/article/details/121770629 select_type：表示对应行是简单查询还是复杂查询 simple：不包含子查询和union的简单查询 primary：复杂查询中最外层的select subquery：包含 ......
C++每日打卡
求两点之间距离 定义一个Point类，有两个数据成员：x和y, 分别代表x坐标和y坐标，并有若干成员函数。定义一个函数Distance(), 用于求两点之间的距离。 #include<iostream>#include<math.h>#include<iomanip>using namespace ......
/var/spool/postfix/maildrop占用空间及inode问题处理
早上收到报警如下： 触发2级告警【严重】- 来源【指标平台】 ⏰ 告警时间：2023-04-20 09:15:43 🕐 发生时段：2023-04-20 09:14:43 ~ 持续中 📌 告警标题：基础资源监控-linux系统inode使用率（本地磁盘）一线运维 📚 监控类型：基础资源监控 📜 ......
打卡9
2.5出售金鱼 我们可以反着来，不断加上1/i条，再乘以i 得到一个公式，n=(n*i+1)/(i-1) 一共要算4次 #include<iostream>using namespace std;int main(){ double n=11; for(int i=5;i>=2;i--) { n=( ......
聊聊实例化需求
前几天星球有同学问了一个问题：需求实例化是什么？我的回复是：将需求故事化。故事一般具有这几个特征：有背景和设定、有过程有逻辑、交代了前因后果。 对测试同学来说，日常工作的开展基本都是依托于测试用例，要设计好的测试用例，其本身要求对业务需求和被测系统有足够的理解。 但实际情况是拿到手的往往只有一份PR ......
数据库 分表分库
一、分表分库 1、垂直分区： 根据数据库里面数据表的相关性进行拆分。 例如，用户表中既有用户的登录信息又有用户的基本信息，可以将用户表拆分成两个单独的表，甚至放到单独的库做分库。 简单来说垂直拆分是指数据表列的拆分，把一张列比较多的表拆分为多张表。 垂直拆分的优点： 可以使得行数据变小，在查询时减少 ......
P5322 BJOI2019 排兵布阵
P5322 BJOI2019 排兵布阵 本题主要考察对模型的转化能力。 首先要察觉两条性质： 对于一个城堡，想打败一个玩家的同时用最少的士兵，肯定是正好派出这个玩家在这个城堡派出的士兵数量的二倍加一名士兵。 在一个城堡上，打败了一个在这个城堡派出士兵数量为 $x$ 的玩家，就可以顺便打败所有在这个城 ......
05-HTML标签：字体标签和超链接
title: 05-HTML标签：字体标签和超链接 publish: true 本文主要内容 字体标签： <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签 特殊字符（转义字符） ：空格 （non-breaking spacing，不断打空格） < ......
06-HTML标签：图片标签
title: 06-HTML标签：图片标签 publish: true img标签介绍 介绍 img: 英文全称 image（图像），代表的是一张图片。 如果要想在网页中显示图像，就可以使用img 标签，它是一个单标签。语法如下： <img src="图片的URL" /> 能插入的图片类型 能够插入 ......
07-html标签图文详解（二）
title: 07-HTML标签图文详解（二） 本文主要内容 列表标签：<ul>、<ol>、<dl> 表格标签：<table> 框架标签及内嵌框架<iframe> 表单标签：<form> 多媒体标签 滚动字幕标签：<marquee> 列表标签 列表标签分为三种。 1、无序列表<ul>，无序列表中的每 ......
08-HTML5详解
title: 08-HTML5详解 publish: true HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1（严格的html） 2002 Tablel ......
09-HTML5举例：简单的视频播放器
title: 09-HTML5举例：简单的视频播放器 publish: true 我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。 index.html的代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
10-HTML5详解（二）
title: 10-HTML5详解（二） publish: true 本文主要内容 拖拽 历史 地理位置 全屏 拖拽 如上图所示，我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接 ......
11-HTML5详解（三）
title: 11-HTML5详解（三） publish: true Web 存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并 ......
12-HTML基础回顾
title: 12-HTML基础回顾 本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 html 的常见元素 html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分 ......
01-认识Web和Web标准
title: 01-认识Web和Web标准 publish: true Web、网页、浏览器 Web Web（World Wide Web）即全球广域网，也称为万维网。 我们常说的Web端就是网页端。 网页 网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中 ......
02-浏览器的介绍
title: 02-浏览器的介绍 publish: true 常见的浏览器 浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示： 我们重点需要学习的是 Chrome 浏览器。 浏览器的市场占有份额 浏览器的市场占 ......
03-初识HTML
title: 03-初识HTML publish: true 编辑器相关 前端开发的编辑器软件，我首先推荐 VS Code，其次推荐Sublime Text。 有人说 WebStorm 也不错？但真实情况是，自从VS Code 问世之后，用 WebStorm 的人越来越少了。 PS：文件的后缀名不能 ......
04-HTML标签：排版标签
title: 04-HTML标签：排版标签 publish: true 本文主要内容 排版标签： <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。 标题标签 标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标 ......
数据库 锁
一、行级锁，表级锁和页级锁 在关系型数据库中，可以按照锁的粒度把数据库锁分为行级锁(INNODB引擎)、表级锁(MYISAM引擎)和页级锁(BDB引擎 )。 MyISAM和InnoDB存储引擎使用的锁： MyISAM采用表级锁(table-level locking)。 InnoDB支持行级锁(ro ......
Props介绍
Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute (关于透传 attribute，我们会在专门的章节中讨论)。 props 需要使用 props 选项来定义： js export default { p ......
Atom在前端的使用
常用插件 Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成： <ul> <li></li> <li></li> <li></li> </ul> 详细地址，Emmet教程 Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址 Tree View：文件浏 ......