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

Datawhale-AI活动2024.12.24

news 来源：原创 2025/5/20 8:39:25

一、番茄时钟
- （1）输入Prompt
- （2）创建 HTML 文件
- - 解析1：HTML结构
  - 解析2：计时器内容
  - 解析3：按钮区域
  - 解析4：脚本引用
- （3）使用JavaScript实现时钟功能
- - 解析1：变量声明
  - 解析2：updateTimer 函数
  - 解析3：startTimer 函数
  - 解析4：pauseTimer 函数——暂停计时器
  - 解析5：resetTimer 函数——重置计时器
  - 解析6：事件监听
  - 解析7：初始调用

说明：这是在MarsCode平台经过调试的版本，最初按照Prompt并没有直接实现。

一、番茄时钟

在这里插入图片描述

（1）输入Prompt

请你基于html、tailwind css和javascript，帮我设计一个“番茄时钟”。要求UI简洁美观大方，同时具有呼吸感，点击开始计时、点击暂停计时和重置计时的功能能够完美实现

（2）创建 HTML 文件

这个HTML页面是一个简单的番茄时钟界面，包含：
一个标题：番茄钟。
一个显示计时器倒计时的区域（id=“timer”）。
三个按钮：开始、暂停和重置。
通过TailwindCSS进行布局和样式的设计，并使用外部JavaScript文件(script.js)来处理逻辑。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>番茄时钟</title><link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"><script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 flex items-center justify-center h-screen"><div class="bg-white p-8 roundedshadow-md w-96"><h1 class="text-6xl font-bold text-gray-800">番茄钟</h1><div class="flex flex-col mt-4"><div id="timer" class="text-6xl font-bold text-gray-800"></div></div><div class="flex mt-4"><button id="start" class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded mr-2">开始</button><button id="pause" class="bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded mr-2">暂停</button><button id="reset" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded">重置</button></div><script src="script.js"></script></div>
</body>
</html>

解析1：HTML结构

<!DOCTYPE html>定义了文档类型，表示这是一个HTML5文档。
<html lang="en"> 指定文档语言为英语，方便搜索引擎和浏览器理解。
<head><meta charset="UTF-8">定义文档字符集为UTF-8，确保支持中文和其他字符集。<meta name="viewport" content="width=device-width, initial-scale=1.0">设置视口的宽度与设备屏幕宽度一致，使网页在移动设备上自适应显示。<title>番茄时钟</title>定义页面的标题栏显示文本。<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">引入了TailwindCSS框架，它是一个功能强大的CSS框架，简化了HTML中的样式编写。<script src="https://cdn.tailwindcss.com"></script>引入TailwindCSS的JavaScript支持库。
</head>
<body class="bg-gray-100 flex items-center justify-center h-screen">
bg-gray-100：设置背景颜色为浅灰色（TailwindCSS类）。
flex：使用Flexbox布局，使子元素在页面中居中对齐。
items-center：垂直居中子元素。
justify-center：水平居中子元素。
h-screen：设置页面高度为100vh（视口高度），即使页面充满屏幕。

解析2：计时器内容

<div class="bg-white p-8 roundedshadow-md w-96">bg-white：设置背景为白色。p-8：设置内边距为2rem，使内部内容距离边缘有一定的间距。rounded shadow-md：为该元素添加圆角和阴影，使其看起来更美观w-96：设置宽度为24rem（96的单位是rem，TailwindCSS默认配置中的24rem）。<h1 class="text-6xl font-bold text-gray-800">番茄钟</h1>bg-white：设置背景为白色。p-8：设置内边距为2rem，使内部内容距离边缘有一定的间距。rounded shadow-md：为该元素添加圆角和阴影，使其看起来更美观w-96：设置宽度为24rem（96的单位是rem，TailwindCSS默认配置中的24rem）。<div class="flex flex-col mt-4">flex flex-col：使用Flexbox布局，将子元素垂直排列。mt-4：设置顶部外边距为1rem，让计时器与标题之间有一定间距。<div id="timer" class="text-6xl font-bold text-gray-800"></div>text-6xl：设置字体大小为6xl（约为4rem），使计时器的数字更大。font-bold：加粗文本。text-gray-800：设置文本颜色为深灰色。</div>

解析3：按钮区域

<div class="flex mt-4">
flex mt-4：使用Flexbox布局，并设置顶部外边距为1rem，使按钮区域与计时器区域之间有间隔。<button id="start" class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded mr-2">开始</button><button id="pause" class="bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded mr-2">暂停</button><button id="reset" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded">重置</button>每个按钮 (<button>) 的样式：bg-green-500、bg-yellow-500、bg-red-500：分别设置按钮的背景色为绿色、黄色、红色。hover:bg-green-600、hover:bg-yellow-600、hover:bg-red-600：设置当鼠标悬停时按钮背景色变为深绿色、深黄色、深红色。text-white：设置按钮文字为白色。font-bold：加粗按钮文字。py-2 px-4：设置按钮的内边距，py-2表示上下内边距为0.5rem，px-4表示左右内边距为1rem。rounded：为按钮添加圆角效果。mr-2：为每个按钮添加右边距，使它们之间有间隔。
</div>

解析4：脚本引用

<script src="script.js"></script>
script.js：外部JavaScript文件，负责处理番茄时钟的逻辑，包括开始、暂停、重置等功能。你需要实现该文件中的JavaScript代码来控制计时器和按钮的交互。

（3）使用JavaScript实现时钟功能

该代码实现了一个简单的番茄钟功能，可以启动、暂停和重置计时器。
计时器每秒更新一次，并在计时结束时弹出提示框。
通过按钮交互，用户可以控制计时器的开始、暂停和重置。

let timer;
let isRunning = false;
let timeLeft = 1500; // 25 minutes in secondsfunction updateTimer() {const minutes = Math.floor(timeLeft / 60);const seconds = timeLeft % 60;document.getElementById('timer').textContent = `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
}function startTimer() {if (!isRunning) {isRunning = true;timer = setInterval(() => {if (timeLeft > 0) {timeLeft--;updateTimer();} else {clearInterval(timer);isRunning = false;alert('时间到！');}}, 1000);}
}function pauseTimer() {if (isRunning) {clearInterval(timer);isRunning = false;}
}function resetTimer() {clearInterval(timer);isRunning = false;timeLeft = 1500;updateTimer();
}document.getElementById('start').addEventListener('click', startTimer);
document.getElementById('pause').addEventListener('click', pauseTimer);
document.getElementById('reset').addEventListener('click', resetTimer);updateTimer();

解析1：变量声明

let timer;用于存储定时器的ID，便于在暂停或重置时清除定时器。
let isRunning = false;布尔值，标志计时器是否正在运行。如果计时器正在运行，则为 true，否则为 false。
let timeLeft = 1500; // 25 minutes in seconds
表示剩余时间，单位是秒。初始值为 1500 秒，即 25 分钟。

解析2：updateTimer 函数

function updateTimer() {每次更新时间时调用。该函数将 timeLeft 转换为分钟和秒数，并将其格式化成 mm:ss 的形式。const minutes = Math.floor(timeLeft / 60);计算剩余时间的分钟部分。const seconds = timeLeft % 60;计算剩余时间的秒数。document.getElementById('timer').textContent = `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;将格式化后的时间显示在页面上，<div> 或 <span> 元素的内容更新为分钟和秒数的格式。如果秒数小于 10，则在秒数前面加上零。
}

解析3：startTimer 函数

function startTimer() {启动计时器的功能if (!isRunning) {它首先检查计时器是否已经在运行，如果没有，则：isRunning = true;将计时器状态设置为正在运行。timer = setInterval(() => {使用 setInterval 每秒执行一次回调函数。if (timeLeft > 0) {如果剩余时间 timeLeft > 0，则每秒减少 1 秒并更新显示的时间。timeLeft--;updateTimer();} else {如果剩余时间 timeLeft = 0，则停止计时器 (clearInterval(timer))，将 isRunning 设置为 false，并弹出一个提示框提示 "时间到！"clearInterval(timer);isRunning = false;alert('时间到！');}}, 1000);}
}

解析4：pauseTimer 函数——暂停计时器

function pauseTimer() {if (isRunning) {如果计时器正在运行（isRunning 为 true），则清除定时器（clearInterval(timer)）并将 isRunning 设置为 false，表示计时器已经停止。clearInterval(timer);isRunning = false;}
}

解析5：resetTimer 函数——重置计时器

function resetTimer() {clearInterval(timer);无论计时器是否正在运行，都会停止定时器（clearInterval(timer)），将 isRunning 设置为 false，将 timeLeft 重置为 1500 秒（25 分钟），并更新显示的时间。isRunning = false;timeLeft = 1500;updateTimer();
}

解析6：事件监听

document.getElementById('start').addEventListener('click', startTimer);
document.getElementById('pause').addEventListener('click', pauseTimer);
document.getElementById('reset').addEventListener('click', resetTimer);
为三个按钮添加事件监听器：
点击 开始 按钮时调用 startTimer 函数启动计时器。
点击 暂停 按钮时调用 pauseTimer 函数暂停计时器。
点击 重置 按钮时调用 resetTimer 函数重置计时器。

解析7：初始调用

updateTimer();
在页面加载时，调用 updateTimer 函数，初始化显示的时间（25 分钟）。

Datawhale-AI活动2024.12.24

目录一、番茄时钟（1）输入Prompt（2）创建 HTML 文件解析1：HTML结构解析2：计时器内容解析3：按钮区域解析4：脚本引用 （3）使用JavaScript实现时钟功能解析1&#…...

编程日记 2025/5/20 8:39:25

揭秘:薪酬绩效管理咨询公司收费标准

在当今这个竞争激烈的商业环境中，企业的人力资源管理变得尤为重要，尤其是薪酬绩效管理体系的构建与优化。一个合理的薪酬绩效管理制度不仅能激发员工的积极性与创造力，还能帮助企业实现战略目标，提升整体竞争力。然而，…...

编程日记 2025/5/19 8:44:15

适用于机器视觉应用的智能机器视觉控制平台

工控机在机器视觉系统设计中是不可或缺的核心组件，在机器视觉中发挥着至关重要的作用，其强大的计算能力、高度的稳定性和可靠性、实时性以及图像处理和识别能力，为机器视觉检测提供了有力支持。 Nuvis系列机器视觉控制平台是适用于现如今机器…...

编程日记 2025/5/19 14:17:09

leetcode hot100 LRU缓存

146. LRU 缓存已解答中等相关标签相关企业请你设计并实现一个满足 LRU (最近最少使用) 缓存约束的数据结构。实现 LRUCache 类： LRUCache(int capacity) 以正整数作为容量 capacity 初始化 LRU 缓存int get(int key) 如果关键字 key 存在于缓存中&…...

编程日记 2025/5/15 17:23:07

什么是DDoS攻击?如何防范DDoS攻击?

定义 DDoS（Distributed Denial of Service）攻击全称为分布式拒绝服务攻击。它是一种恶意的网络攻击手段，攻击者通过控制大量的计算机（这些计算机通常被称为“僵尸主机”或“肉鸡”），同时向目标服务器或网络…...

编程日记 2025/5/20 7:52:04

使用 Dash 构建交互式数据可视化应用

使用 Dash 构建交互式数据可视化应用 1. 什么是 Dash？ Dash 是一个由 Plotly 开发的开源 Python 框架，用于快速构建交互式数据可视化应用。Dash 将前端（HTML、CSS 和 JavaScript）与后端（Python）无缝集成&…...

编程日记 2025/5/15 8:38:45

【Linux网络编程】第十五弹---传输层深度解析：端口号划分、UDP协议特性与TCP协议全面剖析（含连接管理、流量控制、拥塞控制等）

✨个人主页： 熬夜学编程的小林 💗系列专栏： 【C语言详解】【数据结构详解】【C详解】【Linux系统编程】【Linux网络编程】目录 1、传输层 1.1、再谈端口号 1.1.1、端口号范围划分 1.1.2、认识知名端口号 1.1.3、两个问题 1.2、UDP …...

编程日记 2025/5/18 17:53:30

SQL语句整理五-StarRocks

文章目录查看版本号：SPLIT：insert 和 update 结合 select：报错：1064 - StarRocks planner use long time 3000 ms in memo phase：字段增删改： 查看版本号： select current_version(); current…...

编程日记 2025/5/17 1:41:27

【GIS教程】使用GDAL实现栅格转矢量（GeoJSON、Shapefile）- 附完整代码

文章目录一、应用场景1、GeoJSON2、ESRI Shapefile3、GDAL 二、基本思路1、数据准备2、重投影（可选）3、创建空的矢量图层4、栅格转矢量三、完整代码四、总结五、拓展（使用ArcGIS工具进行栅格转矢量） 一、应用场景 TIFF格式的…...

编程日记 2025/5/20 8:10:40

美国加州房价数据分析02

5. 特征工程 5.1重构数据集承接上文提到的相似度排名，去掉部分无关的特征。 train_set.corr()["median_house_value"].sort_values(ascendingFalse)为了提高模型训练后的鲁棒性，即防止过拟合，不建议删除关联度最低几项特征&#…...

编程日记 2025/5/20 8:27:37

[安徽省赛 2021]misc签到

给了一个图片，改成jpg格式，查看属性发现备注 this_is_password 这可能是密码什么东西的把图片拉到kali里面用用工具binwalk工具分离发现了flag.txt文件把压缩包拉到windows系统中解压，输入密码得到flag NSSCTF{ab32056rfanla12380a…...

编程日记 2025/5/20 8:37:35

LeetCode：1705. 吃苹果的最大数目（优先级队列 + 贪心 Java）

目录 1705. 吃苹果的最大数目题目描述： 实现代码与解析： 优先级队列贪心原理思路： 1705. 吃苹果的最大数目题目描述： 有一棵特殊的苹果树，一连 n 天，每天都可以长出若干个苹果。在第 i 天&#x…...

编程日记 2025/5/20 7:59:26

MX3200显微尺寸测量仪

产品简介 MX3200显微尺寸测量仪将显微成像与传统影像测量相结合，实现了微小特征的大范围测量。配置电动塔台，可自动切换到不同的倍率，探测各种精密微观二维尺寸特征。尺寸测量功能丰富，可进行各种二维尺寸点、线、圆等的测量和形…...

编程日记 2025/5/20 8:21:59

VR 动感单车身心调适系统的功能与作用

如今，人们面临着来自各方的压力，国家重视国民身心健康，但人们在实际生活中却缺乏有效的身心调节方式。无论是久坐的白领，还是学业繁重的学生，都存在身体亚健康和心理压力大的问题。传统健身方式枯燥、心理咨询成本高且…...

编程日记 2025/5/20 3:49:15

LabVIEW伸缩臂参数监控系统

LabVIEW开发伸缩臂越野叉车参数监控系统主要应用于工程机械中的越野叉车，以提高车辆的作业效率和故障诊断能力。系统通过PEAK CAN硬件接口和LabVIEW软件平台实现对叉车作业参数的实时监控和故障分析，具有良好的实用性和推广价值。系统组成系统主要由P…...

编程日记 2025/5/20 8:23:45

Spring提供了很好事务管理机制

事务管理在系统开发中是不可缺少的一部分，Spring提供了很好事务管理机制分类主要分为编程式事务和声明式事务两种。编程式事务是指在代码中手动的管理事务的提交、回滚等操作，代码侵入性比较强，如下示例： try {//TODO so…...

编程日记 2025/5/12 9:19:34

Selenium 和 Playwright两大框架的不同之处

自动化测试工具百花齐放，其中 Selenium 和 Playwright 是两大热门框架，谁才是你的最佳选择？面对企业项目的真实需求，它们的差异究竟在哪儿？ Selenium 和 Playwright 是两种流行的自动化测试工具，它们都被用…...

编程日记 2025/5/18 13:31:41

【计算机视觉】轮廓检测

一、轮廓检测在计算机视觉中，轮廓检测是另一个比较重要的任务，不单是用来检测图像或者视频帧中物体的轮廓，而且还有其他操作与轮廓检测相关。以下代码展示了如何使用 OpenCV 进行图像阈值处理、寻找图像轮廓和绘制轮廓的完整流程&…...

编程日记 2025/5/20 8:12:22

【Linux】深入Linux：GCC/G++编译器实用指南

Linux相关知识点可以通过点击以下链接进行学习一起加油！初识指令指令进阶权限管理yum包管理与vim编辑器在Linux系统中，理解和掌握GCC/G编译器是开发者不可或缺的技能之一。本文将深入探讨它们的工作原理和实际运用，帮助读者更好地利用这些强…...

编程日记 2025/5/20 8:31:34

【未来编程：AI如何通过合成复用原则优化设计】

🌈个人主页: Aileen_0v0 🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 💫个人格言:“没有罗马,那就自己创造罗马~” 文章目录前言合成复用原则含义继承复用含义UML图实现代码运行结果及分析优缺点合成复用（我有这…...

编程日记 2025/5/15 3:22:11

【Rust自学】5.3. struct的方法(Method)

喜欢的话别忘了点赞、收藏加关注哦，对接下来的教程有兴趣的可以关注专栏。谢谢喵！(･ω･) 5.3.1. 什么是方法(Method) 方法和函数类似，也是用fn关键字进行声明，方法也有名称，也有参数&#xff…...

编程日记 2025/5/16 3:34:02

单片机 STM32入门

一、什么是单片机单片机（Microcontroller Unit，MCU）是一种集成电路芯片，它将计算机的CPU、存储器（包括RAM和ROM）、输入/输出接口等集成在一个芯片上。单片机通常用于嵌入式系统，能够执行特定的…...

编程日记 2025/5/14 9:03:39

OneCode：开启高效编程新时代——企业定制出码手册

一、概述 OneCode 的 DSM（领域特定建模）出码模块是一个强大的工具，它支持多种建模方式，并具有强大的模型转换与集成能力，能够提升开发效率和代码质量，同时方便团队协作与知识传承，还具备方便的仿…...

编程日记 2025/5/16 20:50:35

学python还是学java？哪个相对来说比较容易上手?

在比较Python和Java哪个更容易上手时，可以从多个维度进行分析，包括语法简洁性、学习资源、应用领域、学习曲线等。一、语法简洁性 Python：Python的语法简洁明了，更接近自然语言，易于理解和记忆。它使用缩进来表示代…...

编程日记 2025/5/19 23:48:10

C语言项目天天酷跑（上篇）

前言这里讲述这个天天酷跑是怎么实现的，我会在天天酷跑的下篇添加源代码，这里会讲述天天酷跑这个项目是如何实现的每一个思路，都是作者自己学习于别人的代码而创作的项目和思路，这个代码和网上有些许不一样，因为掺杂了…...

编程日记 2025/5/16 8:03:45

Windows 11 安装 Dify 完整指南非docker环境

# Windows 11 安装 Dify 完整指南## 前置要求- Python 3.11 - Node.js 18 - PostgreSQL 14 - Redis for Windows - Git - Ollama (可选，用于本地模型)## 详细安装步骤### 1. 安装必要软件1. **Python 3.11**- 从 https://www.python.org/downloads/release/python-…...

编程日记 2025/5/16 8:49:50

MySQL变量

文章目录 MySQL变量系统变量查看系统变量设置系统变量自定义变量用户变量局部变量 MySQL变量 MySQL变量分为系统变量和自定义变量系统变量系统变量有全局变量和会话变量查看系统变量 #查看全局系统变量 show global variables; #根据条件查询全局系统变量 show global …...

编程日记 2025/5/17 11:58:40

Ubuntu离线安装Docker容器

前言使用安装的工具snap安装在沙箱中，并且该沙箱之外的权限有限。docker无法从其隔离的沙箱环境访问外部文件系统。目录前言准备环境卸载已安装的Docker环境快照安装的Dockerapt删除Docker 安装docker-compose下载执行文件将文件移到 /usr/local/bin赋予执行权限…...

编程日记 2025/5/16 2:03:18

ensp 关于acl的运用和讲解

ACL（Access Control List，访问控制列表）是一种常用于网络设备（如路由器、交换机）上的安全机制，用于控制数据包的流动与访问权限。ACL 可以指定哪些数据包允许进入或离开某个网络接口，基于不同的…...

编程日记 2025/5/16 17:43:49

Linux(Centos 7.6)yum源配置

yum是rpm包的管理工具，可以自动安装、升级、删除软件包的功能，可以自动解决软件包之间的依赖关系，使得用户更方便软件包的管理。要使用yum必须要进行配置，个人将其分为三类，本地yum源、局域网yum源、第三方yum源&#…...

编程日记 2025/5/17 14:09:04

[WASAPI]音频API:从Qt MultipleMedia走到WASAPI，相似与不同

[WASAPI] 从Qt MultipleMedia 来看WASAPI 最近在学习有关Windows上的音频驱动相关的知识，在正式开始说WASAPI之前，我想先说一说Qt的Multiple Media，为什么呢？因为Qt的MultipleMedia实际上是WASAPI的一层封装，它在是线…...

编程日记 2025/5/18 10:21:42

什么是MVCC？

MVCC（多版本并发控制，Multi-Version Concurrency Control）是一种用于数据库管理系统中的并发控制的技术。它允许多个事务同时对同一数据进行读取和修改，而不会相互干扰，从而提高了数据库的并发性能。以下是对MVCC的详细…...

编程日记 2025/5/20 7:28:28

C/C++基础错题归纳

文章目录第1天1.下面程序段的运行结果是：答案知识补充 2.当一个类A 中没有声明任何成员变量与成员函数,这时sizeof(A)的值是多少？答案知识补充 3.下面程序输出是什么?答案其他讲解第1天 1.下面程序段的运行结果是： char C[5]{‘a’,’b’…...

编程日记 2025/5/14 8:52:59

Nginx 常用安全头

Web 应用中配置 HTTP 安全响应头是提升网站安全性的重要一步。合理配置 Nginx 的安全头，可以抵御常见的安全威胁（如 XSS、点击劫持、MIME 类型嗅探等），增强用户隐私保护和传输安全性。常见的 HTTP 安全头及其作用 1. Content-Se…...

编程日记 2025/5/19 10:12:09

消息队列（一）消息队列的工作流程

什么是消息队列首先，代入一个场景，我现在做一个多系统的集成，分别有系统A、B、C、D四个系统，A系统因为使用产生了业务数据，B、C、D需要使用这些数据做相关的业务处理和运算，最基本的做法就是通过接口通信…...

编程日记 2025/5/18 18:06:28

LeetCode 2605 从两个数字数组里生成最小数字

探寻两个数组数位关联下的最小数字问题题目描述给定两个只包含 1 到 9 之间数字的数组 nums1 和 nums2，并且每个数组中的元素都是互不相同的。我们需要返回最小的数字，要求这个数字满足两个数组都至少包含这个数字的某个数位。例如，若 nu…...

编程日记 2025/5/18 8:43:31

AI新书推荐：深度学习和大模型原理与实践（清华社）

本书简介在这个信息爆炸、技术革新日新月异的时代，深度学习作为人工智能领域的重要分支，正引领着新一轮的技术革命。《深度学习和大模型原理与实践》一书，旨在为读者提供深度学习及其大模型技术的全面知识和实践应用的指南。本书特色在于…...

编程日记 2025/5/17 14:45:12

32单片机串口数据接收、空闲IDLE中断详解

一、前提说明一开始写单片机程序的时候不太清楚空闲中断这个东西，每次用串口接收数据，都要再开一个定时器，在定时器内进行倒计时，每次接收数据就重置计时时间，计时结束就触发中断，再判断所有接收的数据&am…...

编程日记 2025/5/14 17:36:05

WebRtc webrtc-streamer部署

文章目录本文档只是为了留档方便以后工作运维，或者给同事分享文档内容比较简陋命令也不是特别全，不适合小白观看，如有不懂可以私信，上班期间都是在得 WebRtc webrtc-streamer 部署 docker run -p 8000:8000 -it mpromonet/webrt…...

编程日记 2025/4/13 16:30:35

shiro注入filter内存马（绕过长度限制）

shiro环境 https://github.com/yyhuni/shiroMemshell（实验环境） 这里用的 Client_memshell.java package com.example.demo;import javassist.ClassPool; import javassist.CtClass; import org.apache.shiro.crypto.AesCipherService; import org.ap…...

编程日记 2025/5/19 3:34:06

Springboot + vue3 实现大文件上传方案：秒传、断点续传、分片上传、前端异步上传

参考：https://juejin.cn/post/6870837414852886542#heading-9 一般计算大文件的md5都是前端来做，因为如果后端来做，那得等到上传成功后才能计算md5值，并且读取的时间也很长。为了解决文件大传输慢的问题，前端可以通…...

编程日记 2025/5/19 18:54:01

渗透Vulnhub-DC-9靶机

本篇文章旨在为网络安全渗透测试行业靶机教学。通过阅读本文，读者将能够对渗透Vulnhub系列DC-6靶机有定的了解一、信息收集阶段 DC-9靶场信息: DC-9靶场介绍： https://www.vulnhub.com/entry/dc-9,412/ DC-9靶场下载： https://download.vu…...

编程日记 2025/5/17 8:29:38

springboot477基于vue技术的农业设备租赁系统(论文+源码)_kaic

摘要使用旧方法对农业设备租赁系统的信息进行系统化管理已经不再让人们信赖了，把现在的网络信息技术运用在农业设备租赁系统的管理上面可以解决许多信息管理上面的难题，比如处理数据时间很长，数据存在错误不能及时纠正等问题。这次开发的农…...

编程日记 2025/5/18 9:17:49

CentOS常见命令

CentOS（Community ENTerprise Operating System）基于Red Hat Enterprise Linux（RHEL）源代码开发，是常用的Linux发行版之一。在CentOS系统中，有许多命令用于管理和操作系统，以下是一些CentOS系统…...

编程日记 2025/5/14 6:35:28

oracle 设置归档日志存放路径

oracle 设置归档日志存放路径 1、创建新目录 mkdir /archive chown -R oracle:oinstall /archive 注：条件允许的话，/archive 目录应独立挂载。1、便于监控目录使用率；2、避免和其它文件混淆，便于管理。 2、设置归档日志存放路…...

编程日记 2025/5/20 3:50:54

机器学习1-简单神经网络

相比传统的机器学习算法，深度学习做出了哪些改进呢？其实两者在理论结构上是一致的，即：模型假设、评价函数和优化算法，其根本差别在于假设的复杂度构建简单神经网络（未训练）： # 封装…...

编程日记 2025/5/16 11:38:19

C++的侵入式链表

非侵入式链表非侵入式链表是一种链表数据结构，其中每个元素（节点）并不需要自己包含指向前后节点的指针。链表的结构和节点的存储是分开的，链表容器会单独管理这些指针。常见的非侵入式链表节点可以由以下所示，即&a…...

编程日记 2025/5/15 2:51:11

MFC案例：图片文件转图标（ico）格式

本案例程序目的是将一般图像文件转换成图标格式(ico)。实现起来不是很复杂，这里为了介绍MFC的具体使用方法，在程序界面上分成几个功能块，包括：打开图像文件、选择ICON大小、转换、预览、保存等。相关具体步骤如下： 一、…...

编程日记 2025/5/19 23:31:44

【从零开始入门unity游戏开发之——unity篇02】unity6基础入门——软件下载安装、Unity Hub配置、安装unity编辑器、许可证管理

文章目录一、软件下载安装1、Unity官网2、下载Unity Hub 二、修改Unity Hub配置1、设置Unity Hub中文语言2、修改默认存储目录三、安装unity编辑器1、点击安装编辑器2、版本选择3、关于版本号4、安装模块选择5、等待下载完成自动安装即可6、追加unity和模块四、许可证管理专…...

编程日记 2025/5/20 0:53:59

东子生物完成A轮战略融资，数字商品交易全新升级为数商时代

2024年11月23日，东子生物数字时代正式上线，标志着公司全面迈入“数商时代”，作为国内领先的生物科技企业，东子生物在数字化浪潮中精准布局，以创新科技推动产业升级，以全新的思维引领健康产业，兼…...

编程日记 2025/5/9 21:32:00

目录