当前位置：首页 > news >正文

HTML5的笔记

news 来源：原创 2025/9/15 12:32:49

文章目录

1.HTML的概念
- 1.1HTML的基本骨架
2.标签语法
- 2.1标签的关系
3.标签
- 3.1双标签
- - 3.1.1标题标签`<h1~h6>`
  - 3.1.2段落标签`<p>`
  - 3.1.3文本格式化标签
  - 3.1.4超链接标签`<a>`
  - 3.1.5音频和视频标签`audio`和`<vedio>`
  - 3.1.6列表标签
  - 3.1.7表格标签
- 3.2单标签
- - 3.2.1换行标签`<br>`
  - 3.2.2水平线标签`<hr>`
  - 3.2.3图像标签`<img>`
- 3.3表单标签
- - 3.3.1标签`input`(单标签)
  - 3.3.2下拉菜单
  - 3.3.3文本域
  - 3.3.4label标签
  - 3.3.5按钮标签
- 3.4无语义的布局标签
4.路径
5.字符实体

1.HTML的概念

HTML是超文本标记语言–Hyper Text Markup Language
超文本:链接
标记:标记也叫标签,带尖括号的文本

1.1HTML的基本骨架

html:整个网页
head:网页头部(存放给浏览器看的代码,如CSS)
body:网页主体(存放给用户看的代码,例如图片,文字)
title:网页标题

注意:快速生成HTML基本骨架的方法:
! + enter/table

2.标签语法

标签通常情况下一般成对出现,中间包裹内容
<>里面放英文字母(标签名)
结束标签比开始标签多一个/

单标签:只有开始标签,没有结束标签
双标签:成对出现的标签

2.1标签的关系

作用:明确代码的书写位置

父子关系(嵌套关系)
兄弟关系(并列关系)
以HTML基本骨架为例:
html标签与body标签和head标签是父子关系
head标签与body标签是兄弟关系

3.标签

3.1双标签

3.1.1标题标签`<h1~h6>`

h1~h6标签的显示特点

文字加粗
字号随着数字的增大而减小
自带换行(独占一行)
注意:1)h1标签在一个网页中只能用一次,用来放新闻标题或网页的logo
2)h2到h6没有使用次数的限制

3.1.2段落标签`<p>`

段落标签一般用在新闻段落,文章段落,产品描述信息等
段落标签的显示特点:

自带换行(独占一行)
段落之间存在间隙

3.1.3文本格式化标签

作用:为文本添加特殊格式,以突出重点,常见的文本格式:加粗,倾斜,下划线,删除线等等

加粗-<strong> 或 <b>
倾斜-<em> 或 <i>
下划线-<ins> 或 <u>
删除线-<del> 或 <s>
注意:一般常用<strong> <em> <ins> <del>文本格式化标签,这些标签自带强调含义(语义)

3.1.4超链接标签`<a>`

作用:点击跳转到其他页面

<a href = "网页的URL"></a>

href属性值是跳转地址,是超链接的必须属性
在这里插入图片描述

注意:1)可以跳转到本地文件,通过相对路径
2)未知超链接的跳转地址时,herf属性值写#,#值表示空连接,点击不会跳转

属性target = “_blank”
作用:使用超链接标签不直接跳转而是打开一个新的页面

<a href="https://gitee.com/liangmou3434" target="_blank">跳转到我的gitee</a>

3.1.5音频和视频标签`audio`和`<vedio>`

音频标签

<audio src = "音频的URL"></audio><!-- 在HTML5中,如果属性名和属性值完全一样,可以简写成一个单词 --><!-- <audio src="./abbc2ff045322e3a27fef105d7b8ed4b.mp4" controls = "controls"></audio> -->
<audio src="./abbc2ff045322e3a27fef105d7b8ed4b.mp4" controls></audio>

音频标签的属性:

src(必须属性)-音频URL(支持格式:MP3,Ogg,Wav)
control-显示音频控制面板
loop-循环播放
autoplay-自动播放(为了提升用户体验,浏览器一般会禁用自动播放的功能)

视频标签

<video src = "视频的URL"></video>

视频标签的属性:

src(必须属性)-音频URL(支持格式:MP3,Ogg,Wav)
control-显示音频控制面板
loop-循环播放
muted-静音播放
autoplay-自动播放(为了提升用户体验,浏览器支持在静音状态下自动播放)
注意:在浏览器中,想要自动播放视频,必须要有muted属性

3.1.6列表标签

作用:布局内容排列整齐的区域
列表标签的分类:

无序列表
作用:布局排列整齐的不需要规定顺序的区域
标签:ul嵌套li,ul是无序列表,li是列表条目

 <!-- ul标签和li标签是父子关系(嵌套关系) -->
<ul>
<li>第一项<li>
<li>第二项<li>
<li>第三项<li>
...
</ul>

![[Pasted image 20250409200520.png]]

注意:ul标签里面只能包裹li标签,li标签里面可以包裹任何内容,如:段落,图像等等

有序列表
作用:布局排列整齐的需要规定顺序的区域
标签:ol嵌套li,ol是有序列表,li是列表条目

<!-- ul标签和li标签是父子关系(嵌套关系) -->
<ol>
<li>第一项<li>
<li>第二项<li>
<li>第三项<li>
...
</ol>

![[Pasted image 20250409200415.png]]

注意:ol标签里面只能包裹li标签,li标签里面可以包裹任何内容,如:段落,图像等等

定义列表
标签:dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述/详情

<dl>
<dt>列表标题<dt>
<dd>列表描述/详情</dd>
</dl>

![[Pasted image 20250409200108.png]]

注意:dl里面只能包含dt和dd,dt和dd里面可以包含任何内容

3.1.7表格标签

作用:网页中的表格与excel表格类似,用来展示数据
标签:table嵌套tr,tr嵌套td/th

table-表格
tr-行
th-表头单元格
td-内容单元格

boder属性
在网页中表格默认没有边框线,使用border属性为表格添加边框线
border属性的值用来定义表格边框的粗细,属性值可以是0到正整数之间的任意值
例:
border = " 0 ",表示没有边框,即边框宽度为0像素
border = " 1 ",表示边框像素为1
以此类推
表格结构标签
作用:用表格标签把内容划分区域,让表格结构更清晰(人的肉眼无法看出效果,所以一般情况下不使用),语义更清晰

thead-表格头部-作用于表格头部内容
tbody-表格主题-作用于主要内容区域
tfooot-表格底部-作用与总信息区域

合并单元格
作用:将多个单元合并成一个单元格,以合并同类信息

明确合并的目标
保留最左(最左单元格的代码)最上(最上单元格的代码)的单元格,添加属性(取值是数字,表示需要合并的单元格数量)
- 跨行合并:保留最上单元格,添加属性rowspan
- 跨列合并:保留最左单元格,添加属性colspan

3.2单标签

3.2.1换行标签`<br>`

内容有需要换行的地方时,需要使用换行标签,不能使用enter换行,浏览器不识别代码中的enter键换行
![[Pasted image 20250407115735.png]]

==注意:==换行标签可以叠加使用,一个换行标签换行一次,多个标签换行多次

3.2.2水平线标签`<hr>`

![[Pasted image 20250407120121.png]]

3.2.3图像标签`<img>`

作用:在网页中插入图片

<img src = "图片的URL">

src用于指定图像的位置和名称(URL),是<img>的必须属性
注意:以./开头,vscode有提示功能

图像标签的属性

alt-替换文本(图片无法显示的时候显示的文字)
title-提示文本(鼠标悬停在图片上面的时候显示的文字)
width-图片的宽度(值为数字,没有单位)
heigh-图片的高度(值为数字,没有单位)
注意:只调高度或者宽度时,另一个会随之改变,浏览器会自动将图片等比缩放

3.3表单标签

作用:收集用户信息
使用场景:

登录页面
注册页面
搜索区域
注意:所有表单标签要使用form标签包裹,让form标签统一管理所有表单标签才能有实际的功能
form标签的action属性:action属性值是发送数据的地址

3.3.1标签`input`(单标签)

input标签最重要的是属性type,type属性值不同,则功能不同

<input type = "...">

type的属性值:

text-文本框,用于输入单行文本
password-密码框
radio-单选框
checkbox-多选框
file-上传文件

placegholder属性
该属性为占位文本,用于描述提示信息,文本框和密码框都可以使用

<input type = "..." placeholder = "提示信息">

![[Pasted image 20250410113100.png]]

单选框radio的两个常用属性

name-控件名称-控件分组,同组中只能选一个(单选功能)
checked-默认选中-属性名和属性值相同,简写为一个单词

 性别:  <input type="radio" name = "gender">男<input type="radio" name = "gender">女

使用name属性,且name属性值相同把男和女单选框分为一组,同组只能二选一实现单选效果

 性别: <input type="radio" name = "gender" checked>男<input type="radio" name = "gender">女

![[Pasted image 20250410114646.png]]

默认选中男

4)上传文件file的一个常用属性
multiple属性-实现文件多选功能

<input type = "file" multiple>

多选框checkbox的一个常用属性
checked默认选中

<input type = "checkbox" checked>

![[Pasted image 20250410115814.png]]

3.3.2下拉菜单

标签:select嵌套option,select是下拉菜单的整体,option是下拉菜单的每一项
![[Pasted image 20250410131728.png]]

selected属性
select属性-默认显示某个值
例:给广州加上selected属性,浏览器默认显示广州
![[Pasted image 20250410132001.png]]

3.3.3文本域

作用:多行输入文本的表单控件
标签:textarea,双标签

<textarea>默认提示文字</textarea>

![[Pasted image 20250410132703.png]]

一般会使用CSS设置尺寸

3.3.4label标签

作用:网页中,某个标签的说明文本,也可以使用lable标签绑定文字和表单控件的关系,增大表单控件的点击范围

写法一:

label标签只包裹内容,不包裹表单控件
设置label标签的for属性值和表单控件id的属性值相同

  性别: <input type="radio" name = "gender" id="man"> <label for="man">男</label><input type="radio" name = "gender" id = "woman"> <label for="woman">女</label>

写法二:
使用label标签包裹文字和表单控件,不需要属性

性别:
<label><input type="radio" name = "gender" checked>男</label>
<label><input type="radio" name = "gender">女</label>

注意:可以用label标签增大点击范围的表单控件有:文本框,密码框,上传文件,单选框,多选框,下拉菜单,文本域等等
以文本框为例子

<label>姓名:</label><input type="text">

说明:运用label标签能够把"姓名"和输入框关联起来,增强代码的语义化,点击姓名时也能够输入框也显示光标,增大了点击范围

3.3.5按钮标签

<button type ="">按钮</button>

type属性的值:

submit-提交按钮,点击以后可以提交数据到后台
reset-重置按钮,点击后将表单控件恢复默认值
button-普通按钮,默认没有功能,一般配合javaScript使用

3.4无语义的布局标签

作用:布局网页(划分网页区域,摆放内容)

div-独占一行
span-不换行

4.路径

路径是指查找文件时,从起点到终点经历的路线
路径分为两类:

相对路径:从当前文件位置出发查找目标文件
绝对路径:从盘符出发查找文件
/表示进入某个文件夹里面,.表示当前文件所在文件夹,../表示进入当前文件的上一级文件夹

5.字符实体

作用:在网页中显示预留字符

-空格-&nbsp;
<-小于号-&lt;
> - 大于号-&gt;

注意:在代码中敲键盘的空格,网页只识别一个

HTML5的笔记

文章目录 1.HTML的概念1.1HTML的基本骨架 2.标签语法2.1标签的关系 3.标签3.1双标签3.1.1标题标签<h1~h6>3.1.2段落标签<p>3.1.3文本格式化标签3.1.4超链接标签<a>3.1.5音频和视频标签audio和<vedio>3.1.6列表标签3.1.7表格标签 3.2单标签3.2.1换行标签…...

编程日记 2025/9/15 12:32:49

LeetCode.2843. 统计对称整数的数目

统计对称整数的数目题目解题思路思路1.v1Code 思路优化1.v2Code 思路优化1.v3Code复杂度分析题目 2843. 统计对称整数的数目给你两个正整数 low 和 high 。对于一个由 2 * n 位数字组成的整数 x ，如果其前 n 位数字之和与后 n 位数字之和相等，则认…...

编程日记 2025/9/8 16:20:10

Java常用工具算法-6--秘钥托管云服务3--微软zure Key Vault

Azure Key Vault是微软Azure提供的一项服务，旨在帮助用户安全地存储和管理敏感信息，如加密密钥、证书和密码等。它提供了一个集中的位置来保护这些重要资产，并且通过细粒度的访问控制和审计日志来确保安全性。 1、主要功能 （1&a…...

编程日记 2025/9/15 10:03:25

表格开启聚光灯，查看数据不错行-Excel易用宝

面对如此庞大的一个表格，每次找数据就像走迷宫一样，有时看到了数据，眼神不好的小丽小手一抖还会选择到其他数据上，我问她个数据，她经常给我报个错的数据，我说怎么数据总是对不上号。对于大表格防看错行这…...

编程日记 2025/9/12 8:06:10

解决java使用easyexcel填充模版后，高度不一致问题

自定义工具，可以通过获取上一行行高设置后面所以行的高度 package org.springblade.modules.api.utils;import com.alibaba.excel.write.handler.RowWriteHandler; import com.alibaba.excel.write.metadata.holder.WriteSheetHolder; import com.alibaba.excel.wr…...

编程日记 2025/9/7 12:45:27

【25软考网工笔记】第二章数据通信基础（1）信道特性奈奎斯特香农定理

一、信道特性 1. 数据通信概念 1）通信系统的基本元素通信目的: 传递信息。信源: 产生和发送信息的一端，即信息发送的源头。信宿: 接收信息的一端，即信息的目的地。信道: 信源和信宿之间的通信线路，用于传输信息。信号变换:…...

编程日记 2025/9/15 3:04:45

2024年React最新高频面试题及核心考点解析，涵盖基础、进阶和新特性，助你高效备战

以下是2024年React最新高频面试题及核心考点解析，涵盖基础、进阶和新特性，助你高效备战： 一、基础篇 React虚拟DOM原理及Diff算法优化策略 • 必考点：虚拟DOM树对比（同级比较、Key的作用、组件类型判断） …...

编程日记 2025/9/10 16:44:57

【Code】《代码整洁之道》笔记-Chapter11-系统

第11章　系统 “复杂要人命。它消磨开发者的生命，让产品难以规划、构建和测试。” 11.1　如何建造一个城市你能自己掌管一切细节吗？大概不行。即便是管理一个既存的城市，也是靠单人能力无法做到的。不过，城市还是在运转&#…...

编程日记 2025/9/4 19:48:45

MySQL数据库编程总结

MySQL数据库编程总结一、数据库概述数据库定义 • 数据库是管理数据的软件系统，用于高效存储、管理和检索数据，减少冗余。 • 核心功能：通过SQL语言定义、操作数据，维护完整性和安全性。常见数据库 • MySQL、Oracle、SQL Ser…...

编程日记 2025/9/9 3:43:11

MySQL学习笔记7【InnoDB】

Innodb 1. 架构 1.1 内存部分 buffer pool 缓冲池是主存中的第一个区域，里面可以缓存磁盘上经常操作的真实数据，在执行增删查改操作时，先操作缓冲池中的数据，然后以一定频率刷新到磁盘，这样操作明显提升了速度。 …...

编程日记 2025/9/8 1:29:26

HTML应用指南：利用GET请求获取全国汉堡王门店位置信息

在当今快节奏的都市生活中，餐饮品牌的门店布局不仅反映了其市场策略，更折射出消费者对便捷、品质和品牌认同的追求。汉堡王（Burger King）作为全球知名的西式快餐品牌之一，在中国市场同样占据重要地位。自进入中国市场以…...

编程日记 2025/9/11 11:46:58

STM32+EC600E 4G模块与华为云平台通信

前言由于在STM32巡回研讨会上淘了一块EC600E4G模块以及刚办完电信卡多了两张副卡，副卡有流量刚好可以用一下，试想着以后画一块ESP32板子搭配这个4G模块做个随身WIFI，目前先用这个模块搭配STM32玩一下云平顺便记录一下。实验目的实现STM…...

编程日记 2025/9/9 4:11:26

【Spring】IoC详解：五大类注解、类Bean的存储（上）

1.IoC本质 IoC（Inversion of Control，控制反转） 是Spring框架的灵魂，它颠覆了传统编程中“谁用谁造”的逻辑。简单来说，IoC就是把对象创建和管理的控制权从程序员手中“反转”给一个外部容器，让代码更灵活…...

编程日记 2025/9/12 3:21:36

图片压缩后失真？3款工具还原高清细节

在当今，图片的使用无处不在。为了便于存储和传输，我们常常会对图片进行压缩。然而，不少人发现，压缩后的图片往往变得模糊，失去了原本的清晰度和细节。那么，当遇到这种情况时，我们该如何将模糊的…...

编程日记 2025/9/12 0:48:32

2025中国移动云智算大会｜彩讯企业级AI应用产品引关注

2025中国移动以“由云向智，共绘算网新生态”为主题，精心打造了一场智能科技展。中国移动携手生态伙伴带来涵盖算力、工具、模型、应用等覆盖多样化场景的AI应用服务，赋能生产方式、生活方式、社会治理方式的数智化解决方案，充分释…...

编程日记 2025/9/11 17:21:26

在新一代人工智能技术引领下的，相互联系、层层递进的明厨亮灶开源了

明厨亮灶视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。AI技术可以24小时…...

编程日记 2025/9/9 0:27:17

修图自由！自建IOPaint服务器，手机平板随时随地远程调用在线P图

前言：在这个人人都想当摄影师的时代，一张完美的照片简直比中彩票还难。但别担心，今天我来给大家揭秘一个超级神器——IOPaint！这款免费开源的AI工具不仅能一键移除照片中的杂物和路人，还能智能扩展图片内容&#xff0c…...

编程日记 2025/9/11 3:47:50

PyTorch实现二维卷积与边缘检测：从原理到实战

本文通过PyTorch实现二维互相关运算、自定义卷积层，并演示如何通过卷积核检测图像边缘。同时，我们将训练一个卷积核参数，使其能够从数据中学习边缘特征。 1. 二维互相关运算的实现互相关运算（Cross-Correlation）是卷…...

编程日记 2025/9/14 1:31:10

解决Server doesn‘t support Accept-Ranges问题

Cannot download differentially, fallback to full download: Error: Server doesnt support Accept-Ranges (response code 200) 解决方案修改nginx配置文件支持Accept-Ranges（范围请求） server {...location ^~/ {default_type multipart/byterang…...

编程日记 2025/9/13 4:31:26

处理Excel表不等长时间序列用tsfresh提取时序特征

我原本的时间序列格式是excel表记录的，每一行是一条时间序列，时间序列不等长。要把excel表数据读取出来之后转换成extract_features需要的格式。 1.读取excel表数据 import pandas as pd import numpy as np from tsfresh import extract_features mda…...

编程日记 2025/9/15 6:36:25

Linux __命令和权限

目录一、几个指令 bc uname -r 指令重要的几个热键二、Shell命令以及运行原理为什么有外壳外壳是如何工作的什么是操作系统，为什么要有操作系统三、文件类型 1、Linux的文件类型 2、文件类型四、用户用户问题和切换问题增加普通用户 root -&…...

编程日记 2025/9/15 1:37:08

IO流——字符输入输出流：FileReader FileWriter

一、文件字符输入流：FileReader 作用：以内存为基准，可以把文件中的数据以字符的形式读入到内存中去 public class Test5 {public static void main(String[] args) {try (Reader fr new FileReader("E:\\IDEA\\JavaCodeAll\\file-io-t…...

编程日记 2025/9/3 0:35:26

【大模型理论篇】DeepResearcher论文分析-通过在真实环境中的强化学习实现深度研究

1. 背景与问题大模型（LLMs）配合网络搜索功能已经展现出在深度研究任务中的巨大潜力。然而，目前的方法主要依赖两种途径： 人工设计的提示工程（Prompt Engineering）：这种方法依靠手动设计的工作流…...

编程日记 2025/9/14 11:49:06

大数据（7.5）Kafka Edge在5G边缘计算中的革新实践：解锁毫秒级实时处理的无限可能

目录一、5G时代边缘计算的算力革命1.1 传统架构的延迟困境1.2 5G网络特性与Kafka适配二、Kafka Edge核心架构设计2.1 分层处理架构2.2 关键技术创新点2.2.1 协议优化2.2.2 轻量化存储引擎三、5G场景落地实践3.1 智能工厂预测性维护3.2 全息远程医疗会诊四、性能优化深度实践…...

编程日记 2025/9/15 0:05:36

【基于开源insightface的人脸检测，人脸识别初步测试】

简介 InsightFace是一个基于深度学习的开源人脸识别项目，由蚂蚁金服的深度学习团队开发。该项目提供了人脸检测、人脸特征提取、人脸识别等功能，支持多种操作系统和深度学习框架。本文将详细介绍如何在Ubuntu系统上安装和实战InsightFace项目。目前github有非常多的人脸识…...

编程日记 2025/9/13 11:30:05

kafka怎么保证消息不被重复消费

在 Kafka 中，要保证消息不被重复消费，可从消费者端和生产者端分别采取不同策略，下面为你详细介绍： 消费者端实现幂等消费幂等消费是指对同一条消息，无论消费多少次，产生的业务结果都是一样的。业务层面…...

编程日记 2025/9/12 15:18:39

一个批量文件Dos2Unix程序（Microsoft Store，开源）

这个程序可以把整个目录的文本文件改成UNIX格式，源码是用C#写的。目录一、从Microsoft Store安装二、从github获取源码三、功能介绍 3.1 运行 3.2 浏览 3.3 转换 3.4 转换（无列表） 3.5 取消 3.6 帮助四、源码解读五、讨论和…...

编程日记 2025/9/12 6:19:48

Python及Javascript的map 、 filter 、reduce类似函数的对比汇总

A. 在Python中，map 和 filter 是两个非常有用的内置函数，它们分别用于对可迭代对象中的每个元素执行某种操作，并返回结果。在JavaScript中，虽然没有内置的 map 和 filter 函数，但是可以使用数组的 map() 和 filter() …...

编程日记 2025/9/1 16:20:08

Linux中OS的管理和进程的概念

一、OS的管理 1.1操作系统宏观的理解 OS的本质是一款进行资源管理的软件图示： 1.2OS存在的意义 1.2.1计算机的分层式管理结构最底层的硬件部分遵循“冯诺依曼体系” ，每一种硬件都在驱动层中有着自己对应的“驱动程序” 在OS中，驱动管…...

编程日记 2025/9/15 3:51:27

Spring定时任务修仙指南：从@Scheduled到分布式调度的终极奥义

各位被Thread.sleep()和while(true)折磨的Spring道友们！今天要解锁的是Spring生态自带的定时任务三件套——Scheduled、TaskScheduler、Async定时组合技！无需引入外部依赖，轻松实现从简单定时到分布式调度的全场景覆盖！准备好抛弃…...

编程日记 2025/9/15 0:28:20

Node.js多版本共存管理工具NVM（最新版本）详细使用教程（附安装包教程）

目录前言一、Nvm下载二、Nvm安装三、配置nodeJS 前言 NVM（Node Version Manager）是一个用于管理多个Node.js版本的工具，主要帮助开发者在同一设备上轻松安装、切换和卸载不同版本的Node.js，解决项目间版本冲突问题。一、…...

编程日记 2025/9/13 21:43:46

管道魔法木马利用Windows零日漏洞部署勒索软件

微软披露，一个现已修复的影响Windows通用日志文件系统（CLFS）的安全漏洞曾被作为零日漏洞用于针对少数目标的勒索软件攻击中。 01 攻击目标与漏洞详情这家科技巨头表示："受害者包括美国信息技术（IT&#xff09…...

编程日记 2025/9/2 20:40:55

Devops之Argo：Argo 是什么，和现在常用的Jenkins之间的区别

Argo CD（Argo Continuous Delivery 的缩写）是一款基于 GitOps 的声明式 Kubernetes 持续交付工具。它提供了一种以 Git 为中心的方法来管理和部署应用程序到 Kubernetes 集群。Argo CD 遵循 GitOps 的原则，即将应用程序的预期状态存储在 Git …...

编程日记 2025/9/8 1:29:29

从 60 FPS 掉帧到 7.6 倍提速Rust + WebAssembly 优化《生命游戏》的实战指南

一、构建 FPS 统计器：用 performance.now() 实时观察性能变化要优化，就要先测量。我们在 JavaScript 端添加一个 fps 对象，结合 performance.now() 来监控每一帧的耗时，并统计最近 100 帧的平均 FPS、最小 FPS、最大 FPS&#…...

编程日记 2025/9/11 19:56:52

jmeter 集成ZAP进行接口测试中的安全扫描实现方案

以下是将 JMeter 集成 ZAP（OWASP Zed Attack Proxy）进行接口测试中安全扫描的实现方案： 1. 环境准备 JMeter 安装：从 JMeter 官方网站（https://jmeter.apache.org/download_jmeter.cgi）下载并安装 JMeter，确保其版本稳定。ZAP 安装：从 ZAP 官方网站（https://www.zapr…...

编程日记 2025/9/12 6:03:05

Hyperlane 文件分块上传服务端

Hyperlane 文件分块上传服务端：高效、可靠、易用的文件上传解决方案引言在现代 Web 开发中，文件上传是许多应用的核心功能之一。然而，随着文件大小的增加和网络环境的复杂性，传统的单次文件上传方式已经难以满足需求。Hyperla…...

编程日记 2025/9/14 17:38:08

BT面板docker搭建excalidraw遇到的问题

1.傻瓜式拉取镜像 2.点击创建容器 3.暴露端口 4.放行端口和服务器安全组，如果用的是轻量型服务器，那就关闭防火墙下面放图...

编程日记 2025/8/17 19:35:48

Qt之OpenGL使用Qt封装好的着色器和编译器

代码 #include "sunopengl.h"sunOpengl::sunOpengl(QWidget *parent) {}unsigned int VBO,VAO; float vertices[]{0.5f,0.5f,0.0f,0.5f,-0.5f,0.0f,-0.5f,-0.5f,0.0f,-0.5f,0.5f,0.0f };unsigned int indices[]{0,1,3,1,2,3, }; unsigned int EBO; sunOpengl::~sunO…...

编程日记 2025/9/10 9:47:44

【仿Mudou库one thread per loop式并发服务器实现】项目介绍+前置技术知识点

HTTP协议模块实现 1. 项目实现的目标2. 项目储备知识2.1 HTTP服务器2.2 Reactor模型 3. 功能模块划分3.1 SERVER模块3.1.1 Buffer模块3.1.2 Socket模块3.1.3 Channel模块3.1.4 Poller模块3.1.5 EventLoop模块3.1.6 Connection模块3.1.7 7. Acceptor模块3.1.8 TimerQueue模块3.1…...

编程日记 2025/9/7 11:14:35

Open Interpreter：重新定义人机交互的开源革命

引言在人工智能技术蓬勃发展的今天，人机交互的方式正经历着前所未有的变革。Open Interpreter，作为一个开源项目，正在重新定义我们与计算机的互动方式。它允许大型语言模型（LLMs）在本地运行代码，通过自然…...

编程日记 2025/9/12 13:40:48

Shell编程之条件语句

目录一.条件测试操作 1.文件测试 2.整数值比较 3.字符串比较 4.逻辑测试二：if条件语句 1.if语句的结构 （1）单分支if语句 （2）双分支if语句 （3）多分支if语句 2.if语句应用示例 &…...

编程日记 2025/9/10 9:47:48

Python编程快速上手让繁琐工作自动化笔记

编程基础字符串使用单引号...

编程日记 2025/8/17 19:43:18

高性能文件上传服务

高性能文件上传服务 —— 您业务升级的不二选择在当今互联网数据量激增、文件体积日益庞大的背景下，高效、稳定的文件上传方案显得尤为重要。我们的文件分块上传服务端采用业界领先的 Rust HTTP 框架 Hyperlane 开发，凭借其轻量级、低延时和高并发的特…...

编程日记 2025/9/15 11:59:21

【从零开始学习JVM | 第二篇】HotSpot虚拟机对象探秘

对象的创建 1.类加载检查虚拟机遇到一条new的指令，首先去检查这个指令的参数能否在常量池中定位到这个类的符号引用，并且检查这个符号引用代表的类是否已被加载过、解析和初始化过。如果没有，那必须先执行类的加载过程。 2.分配内存在类…...

编程日记 2025/9/8 6:19:32

浅谈前端开发中的 npm、cnpm、pnpm、yarn各自特点

在前端开发中的 npm、cnpm、pnpm、yarn 等工具都是包管理器（Package Manager），用于安装/更新/卸载 JavaScript 项目的依赖。下面我详细地给你梳理下这些包管理器的作用、特点和适用场景👇 一. npm（Node Package Mana…...

编程日记 2025/9/8 6:17:12

【数据结构】包装类和泛型

目录 1.包装类 1.1 基本数据类型和对应的包装类 1.2 装箱和拆箱 1.3 自动装箱和自动拆箱 2.泛型 2.1泛型的概念 2.2引出泛型 3.语法 4.泛型类的使用 5.泛型的上界 1.包装类在Java中，由于基本类型不是继承自Object，为了在泛型代码中可以支持基…...

编程日记 2025/9/9 0:15:27

红帽9运行容器一

运行容器：容器概念，构建，存储和运行容器的核心技术（用户资源管理的控制组，进程隔离的命名空间，加强安全边界的SELinux和Seccomp） 软件运行需要环境，系统库，配置文件和服…...

编程日记 2025/9/11 20:00:27

使用poi+itextpdf把word转成pdf

使用 Apache POI 和 iTextPDF 将 Word 转换为 PDF 需要分两步操作：先用 POI 读取 Word 内容，再用 iText 生成 PDF。 apache poi官方文档:Apache POI™ - Javadocs 以下是详细的代码实现示例： 环境准备在 pom.xml 中添加依赖： …...

编程日记 2025/9/11 14:26:05

民安智库：开启零售行业客户满意度提升新征程

在当今这个瞬息万变的商业世界中，零售市场的竞争愈发激烈，犹如一场没有硝烟的战争。各大零售企业为了抢占市场份额，纷纷使出浑身解数，从商品种类的丰富到店铺环境的优化，从价格策略的调整到服务质量的提升，…...

编程日记 2025/9/14 17:36:22

自行搭建一个Git仓库托管平台

1.安装Git sudo apt install git 2.Git本地仓库创建（自己选择一个文件夹） git init 这里我在 /home/test 下面初始化了代码仓库 1. 首先在仓库中新建一个txt文件，并输入一些内容 2. 将文件添加到仓库 git add test.txt 执行之后没有任何输…...

编程日记 2025/8/28 17:12:35