基础课 前端 基础css

选择器 详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法 规则由两个主要的部分构成：选择器，以及一条或多条声明（样式） 全局选择器 可以与任何元素匹配，优先级最低，一般做样式初始化 ......

Person: JavaScript实现非对称加密 ChatGPT: JavaScript 可以使用公钥密码学算法来实现非对称加密。常用的公钥密码学算法包括 RSA 和 ECC。 下面是一个使用 RSA 算法实现非对称加密的示例： // 生成 RSA 密钥对 const { publicKey, p ......

上一篇介绍了python的函数，本文将介绍Python的装饰器，装饰器应用非常广泛，一定要好好掌握啊 什么是装饰器 装饰器是一种Python语言的特性，它允许在不修改已有函数的情况下，向函数添加额外的功能。装饰器本质上是一个函数，它接受一个函数作为参数，并返回一个新的函数。 装饰器应用场景 记录函数 ......

WPF 基础 一、布局容器 Grid 特点：表格布局 使用代码： <Grid ShowGridLines="True"> <Grid.ColumnDefinitions > <ColumnDefinition Width="*"/> <ColumnDefinition Width="2*"/> <C ......

#这是我与伙伴合作完成的练习项目 @小彭先森 页面展示请见我的上一篇博客：https://www.cnblogs.com/rsy-bxf150/p/17253623.html 完整代码请看我的GitHub:https://github.com/BXF-Aurora168 部分代码： Sub.java ......

双指针算法 O(n) 采用双指针算法的前提是具有单调性 题目：提取单词 #include <iostream> #include <string.h> using namespace std ; const int N = 1e3+10; int main(){ char str[1000]; ge ......

Servlet+JSP+CSS+SQL 实现完善的地铁系统页面 #这是我和伙伴合作完成的练习项目 #代码我将放在下一篇博客 功能介绍： 1.地铁线路查询：选择线路，输出线路上的站点名。 2.地铁站点查询：输入站点，输出所在的线路。 3.最短路径换乘查询：输入起点终点，输出所有可能的路线，最上面显示的 ......

#synchronized与ReentrantLock的区别 说到synchronized与ReentrantLock，我们都知道，他们是java并发编程很重要的技术。他们可以帮助我们保证编程过程中数据的正确性，也就是我们常说的线程安全。 线程安全通常是多个线程在执行一段代码时采用锁机制实现的。 介 ......

对于DCDC变换器，只有电感这一个磁性元件需要考虑，它通常需要我们自行设计。 2.1直流传递函数 开关导通期间，电感中的电流在电压的作用下呈现一定的斜率上升，增量为： $$ \triangle I_{ON}=\frac{V_{ON}×t_{ON}}{L} $$ 即开通期间的伏秒/电感值。 开关关断期 ......

计算机基础 逻辑门 逻辑门是一种常见的元器件，能够执行一种或多种逻辑运算。常见的逻辑门有：与门（AND gate）、或门（OR gate）、非门（NOT gate）、异或门（XOR gate）等。 与或非是计算机逻辑门最基础部件，其他任意部件都可以通过与或非三种门来表示。 与门 与门有两个输入，如果 ......

AWGN : 加性高斯白噪声（AWGN）是一个数学模型，用于仿真发射机和接收机之间的信道。这个模型是线性增加的宽带噪声，具有恒定的频谱密度和高斯分布的幅度。AWGN 不适用于衰落、互调和干扰测试。 https://zhuanlan.zhihu.com/p/283287032 Demapper以及LL ......

本文相关的TryHackMe实验房间链接：https://tryhackme.com/room/pentestingfundamentals 本文相关内容：了解渗透测试背后的重要道德规范和方法论。 什么是渗透测试？ 在学习道德黑客的技术实践方面之前，你需要更多地了解渗透测试人员的工作职责是什么以及执 ......

定位 1. CSS布局的三种机制 1、普通流（标准流） 2、浮动 让盒子从普通流中浮起来——让多个盒子div水平排列成一行。 3、定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 ——CSS离不开定位，特别是后面的js特效。 2. 为什么使用定位 所以，我们脑海应该有三种布局机制的上下顺序 标 ......

CSS高级应用 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出来！ 1.1 display显示（重点） display设置或检索对象是否及如何显示。 display: none 隐藏对象​display: ......

CSS背景 1.背景颜色（color） 语法： background-color:颜色值； 默认的值是 transparent 透明的例：background-color:pink; 2.背景图片（image） 语法： background-image:none|url(url) 参数作用 none ......

浮动 1.浮动（float） 1.1 CSS布局的三种机制 网页布局的核心——就是用CSS来摆放盒子 CSS提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、d ......

盒模型 1.什么是标签的显示模式 什么是标签的显示模式？ 标签以什么方式进行显示，比如div自己独占一行，比如span一行可以放多个 作用： 我们网页的标签非常多，在不同地方会用到不同类型的标签，以便更好的完成我们的网页。 标签的类型（分类） HTML标签一般分为块标签和行内标签两种类型，也称为块元 ......

盒模型应用 改变宽高范围 默认情况下，width 和 height 设置的是内容盒宽高。 页面重构师：将psd文件（设计稿）制作为静态页面 问题：衡量设计稿尺寸的时候，往往使用的是边框盒，但设计width和height，则设置的是内容盒 解决办法有两种： 精确计算 CSS3：box-sizing（用 ......

行盒的盒模型 常见的行盒：包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容沿伸 行盒不能设置宽高 调整行盒的宽高，应该使用字体大小、行高、字体类型，间接调整 内边距（填充区） 水平方向有效，垂直方向仅会影响背景（背景变，但字体还是不动），不 ......

层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 概念： 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 原则： 样式冲突，遵循的原则 ......

继承 子元素会继承父元素的某些(不是全部)CSS属性 通常，跟文字内容相关的属性都能被继承 例：background-color、weigh、height不能被继承 概念： 子标签会继承父标签的某些样式，如文本颜色和字号。 想要设置一个可继承的属性，只需将他应用于父元素即可。 简单的理解就是：子承父 ......

字体样式 1.CSS外观属性 1.1 color：文本颜色 作用： color属性用于定义文本的颜色 其取值方式有如下3种： 表示属性值 预定义的颜色值（预设值：定义好的单词） red、green、blue 十六进制 淘宝红：#ff4400/#f40 黑色：#000000/#000 白色：#ffff ......

选择器 选择器作用：帮助你精准的选中想要的元素\找到特定的HTML页面元素 1.简单选择器 1.1 ID选择器（JavaScript使用）（不推荐使用） 选中的是对应id值的元素 id选择器使用#进行标识，后面紧跟id名 其基本语法格式如下： id选择器 #id名 {属性1:属性值1; 属性2:属性 ......

属性值的计算过程 概念： 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，此时： 选择器相同，则执行层叠性 选择器不同，就会出现优先级的问题。 权重计算公式 关于CSS权重，我们需要一套计算公式来去计算，这个就是CSS　Specificity特殊性。 标签选择器计算权重公式 继承或* 0, ......

提前声明 本博客只是将自己学到的知识做总结而已，细节学习请来这里，大佬的教学很详细很棒。 学习结果展示 本次学习学到了 标题的使用 无序列表的使用 看，第二个无序列表 嵌套处理也学到了，就像这样 内嵌有序列表哒！ 第二个有序列表！ 最后在还有粗体字和斜体字，yeah。 想要做到上面的那样的代码就是。 ......

HTML 1、定义：超文本标记语言（hyper text markup language） ​ 超：可以加图片、声音、动画、多媒体等非文本内容； ​ 可以从一个文件跳到另一个文件，即超级链接文本。 2、运行方式：前端人员开发代码 > 浏览器显示代码（解析、渲染） > 生成最后的 Web 页面 3、浏 ......

前言 学习了 JavaScript，如何关联 HTML 和 CSS 呢？没错，DOM 就是干这个的。 DOM Document Object Model，文档对象模型，专门操作网页内容的 API 标准。 DOM 操作页面内容 网页内容是由多个 DOM 元素以树结构组合而成，也称为 DOM tree。 ......

以#开头的语句是注释，注释是给人看的，可以是任意内容，解释器会忽略掉注释。其他每一行都是一个语句，当语句以冒号:结尾时，缩进的语句视为代码块。 按照约定俗成的惯例，应该始终坚持使用4个空格的缩进。在文本编辑器中，需要设置把Tab自动转换为4个空格，确保不混用Tab和空格。 缩进的坏处就是“复制－粘贴 ......

(分库分表（二）) 本文以 MySQL 为例。以 MyCat 数据库中间件为例，通过 MyCat 来完成分库分表操作。 分库分表（二） MyCat分片规则 范围分片 根据指定的字段及其配置的范围与数据节点的对应情况，来决定该数据属于哪一个分片。 该分片规则，主要适用于数字类型的字段。 配置： sch ......

动画 动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。 动画的基本使用，制作动画分为两步： 1.先定义动画 2.再使用（调用）动画 1. @keyfra ......