自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 PHP 与数据库交互 与 SQL注⼊漏洞

PHP 与数据库交互固定四步,登录优先用 POST 方式SQL 注入的本质是无过滤的 SQL 直接拼接万能密码是通过恶意输入让查询条件恒成立,实现免密登录。

2026-04-21 21:31:02 123 1

原创 数据库基础与安全

数据库是长期存储在计算机内、

2026-04-19 20:55:43 361

原创 Web 后端 Python 基础安全

【代码】Web 后端 Python 基础安全。

2026-04-14 21:35:51 1560 2

原创 Hydra 弱口令爆破

Hydra 是一款开源的网络安全渗透测试密码破解工具,Kali Linux 系统自带该工具,无需额外安装,支持 HTTP、HTTPS、FTP、SSH、Telnet 等多种协议,核心特点是可多密码同时尝试,提升暴力破解效率。

2026-03-22 13:25:33 102

原创 Linux 操作系统

任何个人和组织不得从事非法侵入他人网络、干扰他人网络正常功能、 窃取网络数据等危害网络安全的活动;不得提供专门用于从事侵入网络、 干扰网络正常功能及防护措施、窃取网络数据等危害网络安全活动的 程序、工具:明知他人从事危害网络安全的活动的,不得为其提供技术 支持、广告推广、支付结算等帮助。

2026-03-17 21:57:13 392

原创 Windows 操作系统

升级 + 打补丁升级 + 定期排查 + 开启防护 + 安全意识法律底线:遵守《网络安全法》,禁止非法入侵、窃取数据、提供恶意工具等行为。

2026-03-16 14:23:38 256

原创 Windows 系统

任何个人和组织不得从事非法侵入他人网络、干扰他人网络正常功能、 窃取网络数据等危害网络安全的活动;不得提供专门用于从事侵入网络、 干扰网络正常功能及防护措施、窃取网络数据等危害网络安全活动的 程序、工具:明知他人从事危害网络安全的活动的,不得为其提供技术 支持、广告推广、支付结算等帮助。易错:电脑卡顿 / 软件卡死时,不知道快速打开方式(),或无法精准找到卡死进程并结束任务。

2026-03-11 13:28:57 337

原创 计算机网络应用层

基于 TCP/IP 模型应用层的无状态请求 - 响应协议无状态:服务器不记录客户端历史访问信息,每次请求独立,需补充状态管理;明文传输:所有请求 / 响应数据未加密,存在泄露、篡改风险;基于 TCP:通信前三次握手建连,传输完成四次挥手断连;简单高效:协议头部简洁,请求与响应流程清晰。HTTP 的加密版本,HTTPS = HTTP + TLS/SSL 加密层(TLS 层位于 TCP/IP 模型应用层与传输层之间),专门解决 HTTP 明文传输的安全问题,是目前互联网通信的安全标准。

2026-03-08 19:20:49 369

原创 计算机网络基础

概念 / 协议口诀核心作用IP 地址设备的 “网络门牌号”跨网段定位设备位置MAC 地址网卡的 “身份证”局域网内唯一标识设备ARP 协议IP 转 MAC 的 “翻译官”同一网段 IP→MAC 映射ICMP 协议网络的 “诊断小助手”网络状态反馈、故障排查DNS 协议域名的 “翻译机”域名↔IP 地址转换CDN内容的 “快递中转站”缓存资源,加速用户访问。

2026-03-04 00:08:17 347

原创 Vue常用指令

一、v-on:事件绑定指令。

2026-01-10 20:24:02 290

原创 定时器和事件监听--轮播图

动态调整指示器激活状态:dot.classList.toggle('active',currentIndex === index)。- clearTimeout(timer)/clearInterval(interval):在手动切换或暂停时调用,避免定时器冲突。- 监听 touchstart、touchmove、touchend,通过坐标差判断滑动方向与距离,触发切换或回弹吸附。- 克隆首尾图片以实现循环过渡(如:克隆第一张图置于末尾,切换时瞬间偏移)。- 滑动操作:计算阈值决定切换或回弹。

2026-01-10 20:06:13 273

原创 定时器和事件监听

1. 定时任务优先选 `ScheduledExecutorService`(避免 `Timer` 的单线程缺陷)2. GUI事件处理注意线程安全(Swing使用`SwingUtilities.invokeLater`)2. ScheduledExecutorService(推荐方式,线程池更安全)3. 复杂场景考虑消息队列(如Redis/ZMQ)或响应式框架(如RxJava)1. java.util.Timer(传统方式)用于响应特定事件(如按钮点击、自定义事件)。2. 自定义事件监听(观察模式)

2026-01-02 17:14:36 278

原创 DOM的操作练习

2.用JS修改CSS。

2025-12-30 19:17:25 167

原创 DOM的增删改查

1. 查询元素(查)2. 创建元素(增)3. 添加元素(增)4. 修改元素(改)5. 删除元素(删)

2025-12-30 18:58:45 336

原创 Flex弹性盒模型

公式:项目实际尺寸 = 初始尺寸 + 剩余空间×比例(flex-grow) 或 初始尺寸 - 溢出空间×比例(flex-shrink)。flex-grow根据比例分配剩余空间,flex-shrink基于项目初始尺寸(flex-basis)计算缩小量。flex-grow、flex-shrink、flex-basis(如flex: 1等价于1 1 0%)stretch(默认)、flex-start、flex-end、center、baseline。auto(默认,基于内容)、固定值(如200px)

2025-06-12 13:58:36 1267

原创 盒子的浮动与高度塌陷

1. 浮动核心概念作用 :使元素脱离标准文档流(元素不再占据原有空间),并向左或向右浮动,直到碰到父容器边缘或其他浮动元素。语法 :css.element {/* 左浮动 *//* 右浮动 *//* 默认值,不浮动 */2. 经典应用场景示例 1:实现两栏布局(左侧固定,右侧自适应)示例 2:文字环绕图片3. 浮动导致的常见问题问题 1:父容器高度塌陷原因 :浮动元素脱离文档流,父容器无法自动计算高度,呈现高度为 0。

2025-06-09 20:18:38 356

原创 HTML--CSS表单表格属性

3. 标签对齐(Flexbox 布局)二、表格(Table)样式。一、表单(Form)样式。

2025-06-08 21:13:28 435

原创 盒子的绝对定位

相对于最近的已定位祖先元素(position 值为 relative、absolute、fixed 或 sticky)。父元素显式设置定位 (如 position: relative)避免意外定位基准。结合 transform 属性 优化定位精度(某些浏览器渲染问题)。绝对定位元素默认不会撑大父容器,需手动设置宽高或通过定位属性约束。通过 top、right、bottom、left 调整位置。绝对定位元素会基于 <body> 定位,可能导致布局错位。元素不再占据原位置空间,其他元素会重新排列。

2025-06-02 14:40:49 226

原创 伪元素和伪类选择器

伪元素(Pseudo-elements)和伪类(Pseudo-classes)是 CSS 中用于扩展选择器功能的两种不同机制,初学者容易混淆它们的用途和语法。伪元素 :添加装饰性图标(::before)、首字下沉(::first-letter)、清除浮动(::after)。伪类 :表单交互(:focus)、动态效果(:hover)、列表筛选(:nth-child)。伪类选择元素的状态 ,伪元素创建元素的虚拟子元素。语法 :以双冒号 :: 开头(CSS3 规范,但单冒号 : 兼容旧浏览器)。

2025-06-02 12:57:08 232

原创 HTML--CSS复合选择器

复合选择器的核心是直接连写多个简单选择器 ,常用于精细化匹配元素。组合符选择器 (Combinators)通过符号(如空格、>、+、~)连接多个选择器,形成层级关系。复合选择器 是多个简单选择器的直接连写(如 div.class)。后代选择器,子元素选择器,相邻兄弟选择器,通用兄弟选择器。⚠️ 注意区分:复合选择器 vs 组合符选择器。使用 * 匹配任意元素,与其他选择器组合。2. 标签选择器 + ID 选择器。与其他选择器结合使用伪类或伪元素。1. 标签选择器 + 类选择器。结合属性选择器与其他选择器。

2025-05-05 14:40:17 714

原创 HTML--CSS基础

今天要练习的内容如下,练习下三种CSS引入方式,练习下三种选择器。6.建立CSS的文件夹,建立CSS文件,插入内容。1.先用英文的“!3.插入<style>元素里的内容。

2025-04-13 21:05:57 258

原创 HTML--网页语义结构布局

表示文档的主要内容,一个页面中应该只有一个 <main> 元素。代表页面或章节的页眉,通常包含标题、标志、导航等信息。包含与主要内容相关但并非核心的信息,如侧边栏、广告等。代表页面或章节的页脚,通常包含版权信息、联系方式等。用于定义导航链接,帮助用户在页面或网站内进行导航。类似于书中的注释或附录,对正文起到补充说明的作用。如同书中的正文部分,是页面要传达的核心信息。就像书中的目录,能让读者快速找到想要的章节。好比书的封底,提供一些额外的、辅助性的信息。类似于书中的章节,把主题相关的内容归为一组。

2025-04-07 13:28:41 277

原创 HTML--表单(2)

,<form>标签用于创建供用户输入的HTML表单,<form>标签是成对出现的,再开始标签<form>和结束标签

2025-03-31 22:29:31 179

原创 HTML--表单

,<form>标签用于创建供用户输入的HTML表单,<form>标签是成对出现的,再开始标签<form>和结束标签

2025-03-30 18:26:39 213

原创 HTML--表格(2)

1.先用英文的“!今天我们来进行表格的合并单元格练习。今天就到这里,希望能帮到大家。4.下面是成功后的画面。

2025-03-23 20:00:10 242

原创 HTML--表格

1.先用英文的“!今天就到这里,希望能帮到大家。今天我们来进行创建表格练习。4.下面是成功后的画面。

2025-03-23 16:40:13 218

原创 HTML--列表

如果觉得无序列表打的费时间,可以使用快捷键:ul>li*数量。下面打个分隔符来分开无序列表和有序列表。今天我为大家讲解创建嵌套列表--商城支付向导的无序列表与有序列表。2.在<body>里输入标题与无序列表。1.先用英文的“!今天就到这里,希望大家能学到知识。

2025-03-21 20:53:57 387

原创 Web--文本超链接

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考。

2025-03-04 20:45:10 630

通过清除浮动解决高度坍塌

通过清除浮动解决高度坍塌

2025-06-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除