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

HTML：表格数据展示区

article 2026/1/18 22:40:59

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>人员信息表</title><link rel="stylesheet" href="styles.css">
</head><body><table><thead><!-- thead 表示表格中的表头 --><tr><!-- tr 表示表格中的行 ,一个tr就是一行--><!-- th 表示表格中的表头单元格,会加粗 --><th>姓名</th><th>年龄</th><th>职位</th><th>头像</th><th>入职日期</th><th>操作</th></tr></thead><tbody><tr><td>张三</td><!-- td 表示表格中的单元格 --><td>25</td><td>前端开发</td><td><img src="CSS//img/1.png" alt="Avatar" width="50"></td><td>2023-01-01</td><td><!-- 这里删除按钮无法实现动态删除功能，仅作展示 --><button>删除</button><button>添加</button><!-- 文字居中 --></td></tr><tr><td>李四</td><td>30</td><td>后端开发</td><td><img src="CSS//img/1.png" alt="Avatar" width="50"></td><td>2022-05-15</td><td><button>删除</button><button>添加</button></td></tr></tbody></table>
</body><body><!-- 页面主体内容 --><footer><p>北京大学</p><p>邮箱：pku@edu.cn  电话：010 - 12345678</p></footer>
</body>
</html>

body {font-family: Arial, sans-serif;
}table {width: 100%;border-collapse: collapse;margin-top: 20px;
}th,
td {border: 1px solid #ddd;padding: 8px;text-align: left;
}th {background-color: #f2f2f2;
}button {padding: 5px 10px;background-color: #4CAF50;color: white;border: none;cursor: pointer;
}button:hover {background-color: #45a049;
}footer {/* 设置背景色为灰色，这里使用十六进制颜色码 #808080，你也可以根据喜好调整 */background-color: #808080; /* 上下内边距为 20px，左右内边距为 0 */padding: 20px 0; /* 文本居中显示 */text-align: center; /* 让 footer 固定在页面底部（如果有需要），可根据实际情况调整 */width: 100%; 
}footer p {/* 上下外边距为 5px，左右外边距为 0 */margin: 5px 0; /* 字体颜色为白色，和灰色背景形成对比 */color: white; /* 字体大小为 14px */font-size: 14px; 
}

HTML：表格数据展示区

<!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>人员信息表</title><link rel"styl…...

编程日记 2025/12/28 2:27:04

WIN11运行游戏时出现“ms-gamingoverlay”弹框的问题

针对WIN11运行游戏时出现“ms-gamingoverlay”弹框的问题，以下是经过验证的多种解决方法，结合不同场景需求提供对应方案： 一、关闭系统内置的游戏录制功能禁用Xbox Game Bar及游戏录制 • 进入系统设置（WinI）→ 左侧选…...

编程日记 2025/6/26 11:32:20

Oracle测试题目及笔记（单选）

所有题目来自于互联网搜索当 Oracle 服务器启动时，下列哪种文件不是必须的（D）。 A．数据文件 B．控制文件 C．日志文件 D．归档日志文件数据文件、日志文件-在数据库的打开阶段使用控制文件-在数…...

编程日记 2026/1/14 14:10:44

Jmeter创建使用变量——能够递增递减的计数器

Jmeter创建使用变量——能够递增递减的计数器如下图所示，创建一个取值需限定为0 2 4这三个值内的变量。 Increment：每次迭代后递增的值，给计数器增加的值 Maximum value：计数器的最大值，如果超过最大值&#xff0…...

编程日记 2026/1/13 17:09:46

【LeetCode基础算法】滑动窗口与双指针

定长滑动窗口总结：入-更新-出。入：下标为 i 的元素进入窗口，更新相关统计量。如果 i<k−1 则重复第一步。更新：更新答案。一般是更新最大值/最小值。出：下标为 i−k1 的元素离开窗口，更新相关统计量…...

编程日记 2025/12/1 1:32:27

数据结构之BFS广度优先算法（腐烂的苹果）

队列这个数据结构在很多场景下都有使用，比如在实现二叉树的层序遍历，floodfill问题(等等未完成)中，都需要借助队列的先进先出特性，下面给出这几个问题的解法经典的二叉树的层序遍历算法图示，以下图所示的二叉树为例…...

编程日记 2025/12/28 5:09:36

道可云人工智能每日资讯｜首届世界人工智能电影节在法国尼斯举行

道可云元宇宙每日简报（2025年4月15日）讯，今日元宇宙新鲜事有： 杭州《西湖区打造元宇宙产业高地的扶持意见》发布杭州西湖区人民政府印发《西湖区打造元宇宙产业高地的扶持意见》。该意见已于4月4日正式施行，有效期至…...

编程日记 2025/12/5 13:30:37

火车头采集动态加载Ajax数据（无分页瀑布流网站）

为了先填充好数据在上线，在本地搭建了一个网站，并用火车头采集数据填充到里面。开始很上手，因为找的网站的分类中是有分页的。很快捷的找到页面标识。但是问题来了，如今很多网站都是采用的Ajax加载数据，根本没有分…...

编程日记 2026/1/4 4:39:48

Android Jetpack是什么与原生android 有什么区别

Android Jetpack是什么 Android Jetpack是Google推出的一套开发组件工具集，旨在帮助开发者更高效地构建高质量的Android应用。它包含多个库和工具，被分为架构、用户界面、行为和基础四大类。以下是一些Android Jetpack的示例：架构组件 ViewModel：用于以生命周期的方式管理…...

编程日记 2025/12/1 20:26:28

Android Retrofit 框架适配器模块深入源码分析(五)

Android Retrofit 框架适配器模块深入源码分析一、引言在 Android 开发中，网络请求是一个常见且重要的功能。Retrofit 作为一个强大的网络请求框架，以其简洁的 API 和高度的可定制性受到了广泛的欢迎。适配器模块（CallAdapter&#xff09…...

编程日记 2025/12/5 20:46:09

Node.js模块化与npm

目录一、模块化简介二、CommonJS 规范 1. 基本语法 2. 导出模块 3. 导入模块三、ECMAScript 标准（ESM） 1. 启用 ESM 一、默认导出与导入 1. 基本语法 2. 默认导出（每个模块仅一个） 3. 默认导入二、命名导出与导入…...

编程日记 2025/12/28 11:15:39

nginx中的代理缓存

1.缓存存放路径对key取哈希值之后，设置cache内容，然后得到的哈希值的倒数第一位作为第一个子目录，倒数第三位和倒数第二位组成的字符串作为第二个子目录，如图。 proxy_cache_path /xxxx/ levels1:2 2.文件名哈希值...

编程日记 2026/1/4 4:58:07

【前端vue生成二维码和条形码——MQ】

前端vue生成二维码和条形码——MQ 前端vue生成二维码和条形码——MQ一、安装所需要的库1、安装qrcode2、安装jsbarcode 二、使用步骤1、二维码生成2、条形码生成至此，大功告成！ 前端vue生成二维码和条形码——MQ 一、安装所需要的库 1、安装qrcode 1…...

编程日记 2025/12/28 3:30:22

flutter 桌面应用之窗口自定义

在开发桌面软件的时候我们经常需要配置软件的窗口的大小以及位置我们有两个框架选择:window_manager和bitsdojo_window 对比bitsdojo_window 特性bitsdojo_windowwindow_manager自定义标题栏✅ 支持❌ 不支持控制窗口行为（大小/位置）✅（基本…...

编程日记 2026/1/12 22:38:19

华为OD机试真题——MELON的难题（2025A卷：200分）Java/python/JavaScript/C++/C语言/GO六种最佳实现

2025 A卷 200分题型本文涵盖详细的问题分析、解题思路、代码实现、代码详解、测试用例以及综合分析； 并提供Java、python、JavaScript、C、C语言、GO六种语言的最佳实现方式！ 2025华为OD真题目录全流程解析/备考攻略/经验分享华为OD机试真题《MELON的…...

编程日记 2025/12/30 2:26:49

【C++】深入浅出之继承

目录继承的概念及定义继承的定义继承方式和访问限定符protected与private的区别默认继承方式继承类模板基类和派生类对象赋值兼容转换继承中的作⽤域(隐藏关系)相关面试题⭐ 派生类的默认成员函数⭐构造函数拷贝构造赋值重载析构函数继承与友元继承与静态成员继承的方式菱形…...

编程日记 2026/1/7 5:10:51

下载javasdk 打开android studio -> setting -> build.execution,dep -> build tools -> gradle -> Gradle JDK -> download JDK… 点击下载，就下载到了 ~/Library/Java/JavaVirtualMachines/ 安装 jenv brew install jenv将 jenv 集成到 Shell …...

编程日记 2026/1/10 12:40:56

【安卓开发】【Android Studio】Menu（菜单栏）的使用及常见问题

一、菜单栏选项在项目中添加顶部菜单栏的方法： 在res目录下新建menu文件夹，在该文件夹下新建用于菜单栏的xml文件： 举例说明菜单栏的写法，只添加一个选项元素： <?xml version"1.0" encoding"ut…...

编程日记 2026/1/18 4:58:34

2025.04.17【Stacked area】| 生信数据可视化：堆叠区域图深度解析

文章目录生信数据可视化：堆叠区域图深度解析堆叠面积图简介为什么使用堆叠面积图如何使用R语言创建堆叠面积图安装和加载ggplot2包创建堆叠面积图的基本步骤示例代码解读堆叠面积图堆叠面积图的局限性实际应用案例示例：基因表达量随时间变化结论生信…...

编程日记 2026/1/7 0:21:11

【NLP】 22. NLP 现代教程：Transformer的训练与应用全景解读

🧠 NLP 现代教程：Transformer的训练与应用全景解读一、Transformer的使用方式（Training and Use） 如何使用Transformer模型？ Transformer 模型最初的使用方式有两种主要方向： 类似 RNN 编码-解码器的架…...

编程日记 2026/1/12 14:52:35

jenkins凭据管理（配置github密钥）

凭据分类 Jenkins可以保存下面几种凭证： Secret text：例如 API Token（例如GitHub的个人access token）。Username with password：指的是登录GitHub的用户名和密码，可以作为单独的组件处理，也可以…...

编程日记 2026/1/12 16:57:32

数据结构|排序算法（三）选择排序堆排序归并排序

一、选择排序 1.算法思想选择排序（Selection Sort）是一种简单直观的排序算法，其基本思想是：每次都从待排序部分中选出最小的一个数据和待排序的第一个数据交换。将待排序序列分为已排序和未排序两部分，初始时已排…...

编程日记 2026/1/18 16:27:46

MAC Mini M4 上测试Detectron2 图像识别库

断断续续地做图像识别的应用，使用过各种图像识别算法，一开始使用openCV 做教室学生计数的程序。以后又使用YOLO 做医学伤口检测程序。最近，开始使用meta 公司的Detectron2.打算做OCR 文档结构分析 Detectron2 的开发者是 Meta 的 Facebook AI…...

编程日记 2026/1/6 23:30:10

OpenCv高阶（四）——角点检测

一、角点检测在计算机视觉中，角点检测是识别图像中局部区域（角点）的关键技术，这些区域通常是两条或多条边缘的交点，具有丰富的结构信息，常用于图像匹配、跟踪、三维重建等任务。 Harris角点检测算法是一…...

编程日记 2026/1/16 18:08:30

TOA与AOA联合定位的高精度算法，三维、4个基站的情况，MATLAB例程，附完整代码

本代码实现了三维空间内目标的高精度定位，结合到达角（AOA）和到达时间（TOA）两种测量方法，通过4个基站的协同观测，利用最小二乘法解算目标位置。代码支持噪声模拟、误差分析及三维可视化，适用于无人机导航、室内定位等场景。订阅专栏后可获得完整代码文章目录运行结果…...

编程日记 2026/1/12 11:09:48

如何在 Ubuntu 22.04 上安装、配置、使用 Nginx

如何在 Ubuntu 22.04 上安装、配置、使用 Nginx？-阿里云开发者社区更新应用 sudo apt updatesudo apt upgrade检查必要依赖并安装 sudo apt install -y curl gnupg2 ca-certificates lsb-release安装nginx sudo apt install -y nginx# 启动nginx sudo systemct…...

编程日记 2025/12/3 21:34:10