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

HTML 初识

news 来源：原创 2025/8/17 23:06:02

段落标签

<p><!-- 段落标签 -->Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, voluptate iure. Obcaecati explicabo sint ipsum impedit! Dolorum omnis voluptas sint unde sed, ipsa molestiae quo sapiente quos et ad reprehenderit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nam assumenda harum voluptate vel minus nesciunt aspernatur, expedita reiciendis officiis exercitationem odit at fugit eos voluptatum nisi voluptatem dolorem labore.</p>

使用<p></p>可以分段，在其中输入多个空格或者换行都只是相当于输入一个空格。

空格符

如果要有多个空格，则需要使用HTML的空格符：

下面是示例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>我的第一个HTLM文件</title>
</head>
<body><!-- <h1>一级标题</h1><h2>二级标题</h1><h3>三级标题</h1><h4>四级标题</h1><h5>五级标题</h1><h6>六级标题</h1> --><p><!-- 段落标签 -->Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, voluptate iure. Obcaecati explicabo sint ipsum impedit! Dolorum omnis voluptas sint unde sed, ipsa molestiae quo sapiente quos et ad reprehenderit.</p><p><!-- &nbsp; 非断行空格 -->&nbsp;Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rerum sapiente fugiat excepturi, qui amet laboriosam necessitatibus, tempore officia ipsa hic numquam asperiores, eaque quae velit doloribus illum modi! Cum, aspernatur.</p><!-- &ensp; 半角空格，宽度为当前字体的一半 -->&ensp;  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea iste architecto incidunt. Numquam, earum, autem vero aliquid reprehenderit repudiandae voluptatibus quasi minus repellendus quod provident itaque a iure illum beatae.<p><!-- &emsp; 全角空格，宽度等于当前字体-->&emsp;Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat fugiat aliquam delectus veritatis tempore. Laboriosam veniam odit laborum officiis sed est temporibus quas, ducimus alias culpa voluptatibus ad illum libero.</p><p><!-- &thinsp;窄空格，宽度小于一个字符 -->&thinsp;Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laboriosam dolor tempore nobis, eius consequatur veniam quasi id? Quae, rerum voluptatibus inventore accusantium tempore sapiente temporibus! Officia autem ducimus error magni.</p>
</body>
</html>

可以自行比对一下这些空格符号的区别。

换行符

换行符<br/>或者<br>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>第一个HTLM文件</title>
</head>
<body><p>第一行<br/>第二行<br>第三行</p>
</body>
</html>

下面是刷新后的页面显示：

图片标签

<img src="" alt="" width="" height="">

img：标签。src、alt：标签的属性，width、teight：宽度和高度，只设置一个会高宽等比例缩放

src可以填本机的图片的绝对路径，也能复制网上的图片链接。

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>第一个HTLM文件</title></head><body><img src="https://bpic.588ku.com/element_origin_min_pic/23/07/11/d32dabe266d10da8b21bd640a2e9b611.jpg!r650" alt="这是一个图片"></body></html>

运行结果可以自行试试。

超链接：a

外部链接

<a href = "https://www.baidu.com/index.php?tn=75144485_1_dg&ch=9">百度</a>

href：表示点击后会跳转到哪个页面，

target：打开方式，默认_self，如果是_blank，则用新标签页打开

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>第一个HTLM文件</title>
</head>
<body><a href = "https://www.baidu.com/index.php?tn=75144485_1_dg&ch=9" target="_blank">百度</a></body>
</html>

href内填的是网页的连接地址，target是转跳方式，在这里_blank是以新页面打开超链接。

内部链接

<a href="test1.html" target="_blank">test1</a><br>

test1.html是本机上的一个html文件，我们也可以通过指定本机的绝对路径或者是相对路径进行转跳。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>第一个HTLM文件</title>
</head>
<body><a href="test1.html"  target="_blank">test1</a><br></body>
</html>

下载文件

<a href="1.rar">下载文件</a>

href链接如果是个压缩包，点击链接可以下载对应路径下已经已创建的压缩文件。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>第一个HTLM文件</title>
</head>
<body><a href="1.rar">下载文件</a></body>
</html>

表格标签

table标签：表示表格

tr：表示表格的一行

tb：表示一个单元格

thead：表格的头部区域

tbody：表格的主题区域

table包含tr、tr包含tb

table的参数：style可以设置表格的长宽，border设置线的粗细和颜色

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>第一个HTLM文件</title>
</head>
<body><table style="width: 500px;  height: 400;" border="1px black"><tr><td colspan="2">a</td><!-- <td>b</td> --></tr><tr><td>c</td><td>d</td></tr><tr><td>e</td><td>f</td></tr><tr><td>g</td><td>h</td></tr><tr><td>i</td><td>j</td></tr></table></body>
</html>

生成的单元格长这样：

如果不想要边框，我们可以在table接着添加其他的参数，如：cellspacing = "0"可以去掉空白线

<table style="width: 500px; height: 400;" border="1px black" cellspacing = "0">

单元格合并

<tr>

<td colspan="2">a</td>



</tr>

td标签里添加colspan = ""与rowspan=""标签可以选择合并单元格行列：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>第一个HTLM文件</title>
</head>
<body><table style="width: 500px;  height: 400;" border="1px black" cellspacing = "0"><tr><td colspan="2">a</td><!-- <td>b</td> --></tr><tr><td>c</td><td rowspan="3">d</td></tr><tr><td>e</td><!-- <td>f</td> --></tr><tr><td>g</td><!-- <td>h</td> --></tr><tr><td>i</td><td>j</td></tr></table></body>
</html>

表单标签

1：表单域

包含表单元素的区域.重点是form标签

2：表单控件

输⼊框,提交按钮等.重点是input标签

form 标签

<form action="test.html">... [form 
的内容
]</form>

描述了要把数据按照什么⽅式,提交到哪个⻚⾯中

input 标签

各种输⼊控件,单⾏⽂本框,按钮,单选框,复选框。

type(必须有),取值种类很多,button,checkbox,text,file,image,password,radio等.。

name:给input起了个名字.尤其是对于单选按钮,具有相同的name才能多选⼀。

value:input中的默认值，传递给后端判断前端的选择。

checked:默认被选中.(⽤于单选按钮和多选按钮)。

selected：默认被选中值。

placeholder：在输入框里显示的字体。

用户名(文本框)text

<input type="text" size="30" placeholder="请输入用户名">

size：最大字数

密码 password

<input type="password" size="30" placeholder="请输入密码">

单选按钮 radio

<input type="radio" name = "gender"id = "gender1"> <label for ="gender1">男</label><input type="radio" name = "gender"id = "gender2"> <label for ="gender2">女</label><input type="radio" name = "gender"id = "gender3"> <label for ="gender3">保密</label><br>

lable标签可以点击其中的内容选定按钮；单选框之间必须具备相同的name属性,才能实现多选⼀效果

复选框checkbox

                  <input type="checkbox" name="hobby" id="" value="1">篮球<input type="checkbox" name="hobby" id="" value="2">足球<input type="checkbox" name="hobby" id="" value="3">羽毛球<input type="checkbox" name="hobby" id="" value="4">排球<input type="checkbox" name="hobby" id="" value="5">篮乒乓球<br>

按钮方法

                    <button>这是button标签，按钮1</button><input type="button" name="" id="" value="按钮2"><input type="submit" value="按钮3，提交，搭配form标签使用">

下拉标签Subject

            专业：<select name="" id=""><option name="Subject" value="1">大数据</option><option name="Subject"value="2"selected>软件工程</option><option name="Subject" value="3">物联网</option><option name="Subject" value="4">人工智能</option>

selected:默认选项

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表单练习</title>
</head>
<body><form action="test1.html" method="get"><!--action提交给谁，method以什么方式提交（传参） -->用户名(文本框) <input type="text" size="30"><br>密码（密码框）<input type="password" size="30"><br>单选按钮 <input type="radio" name = "gender"id = "gender1" value="1"> <label for ="gender1">男</label><input type="radio" name = "gender"id = "gender2" value="2"> <label for ="gender2">女</label><input type="radio" name = "gender"id = "gender3" value="3"> <label for ="gender3">保密</label><br>复选框  <input type="checkbox" name="hobby" id="" value="1">篮球<input type="checkbox" name="hobby" id="" value="2">足球<input type="checkbox" name="hobby" id="" value="3">羽毛球<input type="checkbox" name="hobby" id="" value="4">排球<input type="checkbox" name="hobby" id="" value="5">篮乒乓球<br><!-- 下拉标签 -->专业：<select name="" id=""><option name="Subject" value="1" >大数据</option><option name="Subject"value="2"selected>软件工程</option><option name="Subject" value="3">物联网</option><option name="Subject" value="4">人工智能</option><br></select><!-- 文本域 -->个人简介：<textarea rows="10" cols="50"></textarea><!-- <button>这是button标签（按钮第一种写法，可以搭配form标签使用）</button><input type="button" name="" id="" value="按钮第二种方法"> --> <input type="submit" value="第三种按钮，提交，搭配form标签使用"></form></body>
</html>

下面是打开后的样子：

无语义标签div&span

div 标签,division 的缩写,含义是分割 span标签,含义是跨度。

就是两个盒⼦.⽤于⽹⻚布局。

div是独占⼀⾏的,是⼀个⼤盒⼦，span不独占⼀⾏，是⼀个⼩盒⼦。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div>一个div</div> <div>一个div</div> <div>一个div</div> <span>一个span</span><span>一个span</span><span>一个span</span>
</body>
</html>

实战：创建一个登录页面

由于我们并不需要真的传递给后端，所以在这做个壳子就行了。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>用户注册</title>
</head>
<body><h1>用户注册</h1><table><tr><td>用户名</td><td><input type="text"  placeholder="请输入用户名"></td></tr><tr><td>手机号</td><td><input type="text" size="30" placeholder="请输入手机号"></td></tr><tr><td>密码</td><td> <input type="password" size="30" placeholder="请输入密码"></td></tr></table><div><button>注册</button><span>已有账号？</span><a href="#">登录</a></div></body>
</html>

HTML 初识

段落标签 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, voluptate iure. Obcaecati explicabo sint ipsum impedit! Dolorum omnis voluptas sint unde sed, ipsa molestiae quo sapiente quos et ad reprehenderit.&l…...

编程日记 2025/8/17 23:06:02

CSS3笔记

文章目录 1.CSS的概念2.CSS的引入方式3.选择器3.1基础选择器3.1.1标签选择器3.1.2类选择器3.1.3id选择器3.1.4通配符选择器 4.画盒子5.文字控制属性5.1 字体大小-font-size5.2 字体粗细-font-weight5.3 字体倾斜-font-style5.4 行高-line-height5.5 字体族-font-family5.6 字体…...

编程日记 2025/8/17 23:04:15

yarn的定义

YARN是一个分布式资源管理平台，它通过分离资源管理和作业调度的功能，为Hadoop集群提供了一种高效、灵活且可扩展的方式来管理和分配计算资源。YARN的核心目标是将资源管理与作业调度/监控的功能分离，从而让Hadoop能够支持更多种类的计算框架&…...

编程日记 2025/8/17 23:05:45

CSS 美化页面（五）

一、position属性属性值‌‌描述‌‌应用场景‌static默认定位方式，元素遵循文档流正常排列，top/right/bottom/left 属性无效‌。普通文档流布局，默认布局，无需特殊定位。relative相对定位，相对于元素原本位置进行偏…...

编程日记 2025/8/17 23:03:41

互联网大厂Java面试：微服务与分布式系统挑战

互联网大厂Java面试：微服务与分布式系统挑战在互联网的大潮中，无数程序员怀揣着梦想，希望能在一线大厂找到自己的位置。今天的故事主角是马飞机，一位充满幽默感但技术略显水货的程序员。他来到了一家知名互联网公司参加Java开发…...

编程日记 2025/8/17 23:03:43

数据结构——顺序表(C语言实现)

1.顺序表的概述 1.1 顺序表的概念及结构在了解顺序表之前，我们要先知道线性表的概念，线性表，顾名思义，就是一个线性的且具有n个相同类型的数据元素的有限序列，常见的线性表有顺序表、链表、栈、队列、字符串等等。线…...

编程日记 2025/8/17 23:04:54

FastGPT安装前，系统环境准备工作？

1.启用适用于 Linux 的 Windows 子系统方法一：打开控制面板 -> 程序 -> 启用或关闭Windows功能->勾选 “适用于Linux的Vindows子系统” 方法二：以管理员身份打开 PowerShell（“开始”菜单 >“PowerShell” >单击右键 >“…...

编程日记 2025/8/17 21:41:57

【2】CICD持续集成-k8s集群中安装Jenkins

一、背景： Jenkins是一款开源 CI&CD 系统，用于自动化各种任务，包括构建、测试和部署。 Jenkins官方提供了镜像：https://hub.docker.com/r/jenkins/jenkins 使用Deployment来部署这个镜像，会暴露两个端口&#xff…...

编程日记 2025/8/7 13:34:26

相比其他缓存/内存数据库（如 Memcached, Ehcache 等），Redis 在微服务环境中的优势和劣势是什么？

我们来比较一下 Redis 与 Memcached、Hazelcast、Ehcache 等在微服务环境下的优势和劣势。 Redis 的优势 : 丰富的数据结构 (Rich Data Structures): 优势: 这是 Redis 最显著的优势之一。除了简单的 Key-Value (字符串) 外，Redis 还原生支持 Lists, Sets, Sorted …...

编程日记 2025/8/16 0:41:01

Day53 二叉树的层序遍历

给你二叉树的根节点 root ，返回其节点值的层序遍历。 （即逐层地，从左到右访问所有节点）。 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* T…...

编程日记 2025/8/17 23:05:46

mac上安装VMWare Fusion安装ubuntu系统问题

mac不能复制粘贴到虚拟机的ubuntu系统里，没有下载vmtools 在ubuntu系统执行命令 sudo apt update sudo apt install open-vm-tools open-vm-tools-desktop -y ubuntu 下载地址 https://cdimage.ubuntu.com/ubuntu/releases/20.04/release/...

编程日记 2025/8/16 1:15:36

JAVA Web_定义Servlet_处理POST请求【练习】

题目有一个登录页面（login.html），其登录表单的HTML代码如下： </form action"doLogin" method "post"> 用户名：<input type"text" name"userName"><br>…...

编程日记 2025/8/17 21:42:13

FreeRTOS任务通知

一、什么是任务通知 FreeRTOS从版本V8.2.0开始提供通知这个功能，每个任务都有一个32位的通知值。按照官方说法，使用消息通知比通过二进制信号量方式解除阻塞任务快45%，且更加省内存（无需创建队列）。 （也就…...

编程日记 2025/8/17 23:04:12

NO.97十六届蓝桥杯备战|数论板块-最大公约数和最小公倍数|欧几里得算法|秦九韶算法|小红的gcd(C++)

约数和倍数如果a 除以b 没有余数，那么a 就是b 的倍数，b 就是a 的约数，记作b ∣ a 。约数，也称因数。最⼤公约数和最⼩公倍数最⼤公约数Greatest Common Divisor，常缩写为gcd。⼀组整数的公约数，是…...

编程日记 2025/8/17 21:42:05

ESP32之本地HTTP服务器OTA固件升级流程，基于VSCode环境下的ESP-IDF开发（附源码）

背景知识： 本实验利用编译链内Python内置的 HTTP 服务器，将升级包通过http发送给设备，实现OTA固件升级。目录背景知识： 1.创建工程 1.1 创建OTA基础工程 3.编写、修改代码 3.1 修改menuconfig配置文件 3.1.1 配置WiFi账…...

编程日记 2025/8/17 23:02:14

Jenkins的使用及Pipeline语法讲解

Jenkins简介 Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件项目可以进行持续集成。什么是持续集成（CI）？ CI(…...

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

【MySQL】初识数据库

目录一.什么是数据库二.数据库和数据结构的关系三. 数据库服务器、数据库与表之间的关系四.关系型数据库五. SQL介绍 SQL分类六.MySQL架构（面试重点） 七. 库的基本操作 1.查看数据库 2.创建数据库字符集编码和校验（排序&…...

编程日记 2025/8/17 23:03:42

Android tinyalsa库函数剖析

1. PCM 流控制函数打开、关闭及状态检查 pcm_open(unsigned int card, unsigned int device, unsigned int flags, struct pcm_config *config) 打开指定声卡（card）和设备（device）的 PCM 流。 flags 参数确定流的方向&#xff1…...

编程日记 2025/8/9 22:49:11

DFS/BFS专练-搞定图论基础！（从海岛问题过渡至图论基础应用C++/C)

:: 图论基础理论 :: 紧接着，图论基础理论中，咱们讲到，图论的遍历主要由（dfs与bfs决定） 那咱们本篇博客就来聊聊dfs与bfs。 dfs（深度优先搜索）、bfs（广度优先搜索）的区别…...

编程日记 2025/8/17 23:02:16

2024年RIS SCI2区：自适应天鹰算法AAO，深度解析+性能实测

目录 1.摘要2.天鹰算法AO原理3.改进策略4.结果展示5.参考文献6.代码获取 1.摘要智能电网通过集成可再生能源并管理供需动态平衡来提高效率，本文提出了自适应天鹰算法（AAO），AAO使用Sigmoid因子来平衡探索和开发，根据迭…...

编程日记 2025/8/17 23:02:51

orcad csi 17.4 DRC规则设置及检查

rCAD绘制完原理图之后总是需要开启DRC检测，但是DRC一般都是英文版的，下面基于Cadence17.4 的orCAD16.6 对DRC的界面做简单的介绍首先，鼠标点击原理图，然后再点击右上方的小勾图标 desine rules check option选项的界面电气规…...

编程日记 2025/8/17 18:16:36

前端实战：基于 Vue 与 QRCode 库实现动态二维码合成与下载功能

在现代 Web 应用开发中，二维码的应用越来越广泛，从电子票务到信息传递，它都扮演着重要角色。本文将分享如何在 Vue 项目中，结合QRCode库实现动态二维码的生成、与背景图合成以及图片下载功能，打造一个完整且实用的二维…...

编程日记 2025/8/17 23:01:16

天梯赛DFS合集

1.DFS特殊输入：PTA | 程序设计类实验辅助教学平台这题其他还是蛮容易，直接用递归即可，问题在于怎么输入，其实可以在递归到底层时输入即可，也就是边递归边输入，另外提一嘴跟这个题没什么关系的点&#xff…...

编程日记 2025/8/17 23:02:50

Qt中读写结构体字节数据

在Qt中读写结构体字节数据通常涉及将结构体转换为字节数组(QByteArray)或直接从内存中读写。以下是几种常见方法： 方法1：使用QDataStream读写结构体 cpp #include <QFile> #include <QDataStream>// 定义结构体 #pragma pack(push, 1) //…...

编程日记 2025/8/17 20:21:24

关于yarn和hadoop

1.yarn的定义？ YARN（Yet Another Resource Negotiator）是 Apache Hadoop 的一个关键组件，它是一个资源管理平台，负责管理和调度计算资源。YARN 允许多个数据处理引擎（如 MapReduce、Spark、Flink 等&#…...

编程日记 2025/8/15 1:25:25

【全部更新】2025妈妈杯D题1-4问mathercupD题数学建模挑战赛D题数学建模思路代码文章教学短途运输货量预测及车辆调度问题

完整内容请看文章最下面的推广群先进行摘要和结果的展示、再给出完整的思路问题1：通过时间序列或机器学习模型预测货量，并按历史分布拆分到10分钟颗粒度。问题2：基于货量生成运输需求，用贪心算法或整数规划优化车辆调度。问…...

编程日记 2025/8/17 0:30:10

考研408第一章计算机系统概述——1.1-1.2操作系统的基本概念与发展历程

考研408计算机系统概述——操作系统的基本概念与发展历程一、操作系统的基本概念 1.1 操作系统的定义与功能 1.1.1 定义操作系统（Operating System, OS）是管理计算机硬件与软件资源的程序集合，为应用程序和用户提供接口与服务。其核心功能包括：资源管理者：处理机、…...

编程日记 2025/8/17 7:38:51

《从理论到实践：CRC校验的魔法之旅》

循环冗余校验（Cyclic Redundancy Check ,CRC ）是一种用于检测数据传输或存储过程中错误的算法。他通过计算数据的校验值（也称为CRC码），并在数据接收端验证校验值是饭否正确，从而检测数据是否在传输过程中被…...

编程日记 2025/8/17 21:40:34

【算法笔记】整除与最大公约数（GCD）专题整理

参考文章链接（已获得作者授权） 一、整除：数学中的"完美分割" 定义若整数 a a a能整除整数 b b b（记作 a ∣ b a\mid b a∣b），则存在整数 k k k使得 b a ⋅ k ba\cdot k ba⋅k。通俗理解&…...

编程日记 2025/8/17 21:40:54

JDBC 与 MyBatis 详解：从基础到实践

目录一、JDBC 介绍二、使用 JDBC 查询用户信息三、ResultSet 结果集四、预编译 SQL - SQL 注入问题五、预编译 SQL - 性能更高六、JDBC 增删改操作插入数据： 更新数据： 删除数据： 七、MyBatis 介绍八、MyBatis 入门程序引…...

编程日记 2025/8/17 21:26:53

虚拟机开发环境搭建与内网迁移

以下是关于在虚拟机中搭建开发环境并迁移至内网的详细步骤及注意事项，适用于需要在内网隔离环境中进行开发的场景（如企业安全要求、离线开发等）： ‌一、虚拟机开发环境搭建‌ ‌1. 选择虚拟机平台‌ ‌推荐工具‌： ‌V…...

编程日记 2025/8/17 21:08:22

【HFP】蓝牙HFP协议音频连接核心技术深度解析

目录一、音频连接建立的总体要求 1.1 发起主体与时机 1.2 前提条件 1.3 同步连接的建立 1.4 通知机制二、不同主体发起的音频连接建立流程 2.1 连接建立触发矩阵 2.2 AG 发起的音频连接建立 2.3 HF 发起的音频连接建立三、编解码器连接建立流程 3.1 发起条件 3.…...

编程日记 2025/8/17 18:16:37

PowerBI 表格显示无关联的表数据

假设有两张没有建立关联的数据表: 产品表库存表我们将他们放入表格里显示，数据会出问题。因为 [库存表] 里的数据有除 [产品表] 以外的产品的数据，所以PBI无法从两张表中找到一一对应的数据。解决方法:(不建立关联关系的情况下) 新建一个度量值&a…...

编程日记 2025/8/17 0:31:25

观察者模式详解与C++实现

1. 模式定义观察者模式（Observer Pattern）是一种行为型设计模式，定义了对象间的一对多依赖关系。当一个对象（被观察者/主题）状态改变时，所有依赖它的对象（观察者）都会自动收到通知…...

编程日记 2025/8/17 6:59:04

用ffmpeg 实现拉取h265的flv视频转存成264的mp4 实现方案

1.需要对ffmpeg进行源码修改这里使用 https://github.com/numberwolf/FFmpeg-QuQi-H265-FLV-RTMP 这位大神提供的源码需要 x265_3.2.1.tar.gz last_x264.tar.bz2 fdk-aac-2.0.1.tar.gz FFmpeg-QuQi-H265-FLV-RTMP-master.zip 这些包升级ubuntu18.04 apt update a…...

编程日记 2025/8/17 18:16:42

《AI赋能职场：大模型高效应用课》第8课 AI辅助职场沟通与协作

【本课目标】掌握AI辅助邮件、沟通话术的优化技巧。学习利用AI快速生成高效的会议纪要。通过实操演练，提升职场沟通效率与协作能力。【准备工具】 DeepSeek大模型（deepseek.com）百度文心一言（yiyan.baidu.com） 一…...

编程日记 2025/8/17 20:54:09

PowerBI下载安装教程

1、打开官方下载链接，或者Microsoft store里搜索下载（通过官网下载可以选择安装路径，应用商店直接会安装到默认路径里）。 2、等待下载成功后，直接点击【打开】即可。...

编程日记 2025/8/17 20:53:23

PowerBI如何钻取到明细

PowerBI如何钻取到明细最近做项目领导提到一需求，在查看账龄的时候，还想查看到它的一个明细情况。 PowerBI如何钻取到明细，以一个案例分享下： 第一步：我们先查看账龄的一个分布情况： 第二步：…...

编程日记 2025/8/17 21:40:58

常见算法题

import java.util.*;class TreeNode {int val;TreeNode left;TreeNode right;TreeNode() {}TreeNode(int val) { this.val val; }TreeNode(int val, TreeNode left, TreeNode right) {this.val val;this.left left;this.right right;} }public class test_04_16 {//获取二叉…...

编程日记 2025/8/14 9:52:06