JavaScript(20)——事件委托
事件委托是利用事件流的特征解决一些开发需求的知识技巧
优点：减少注册次数，提高程序性能
原理：利用事件冒泡的特点。
给父元素注册事件，当我们触发子元素的时候，会冒泡到父元素上，从而触发父元素事件。
真正触发的元素：e.target.tagName
<body><ul><li>111</li><li>222</li><li>333</li><li>444</li><p>我不变红</p></ul><script>//获取父元素const t = document.querySelector('ul')t.addEventListener('click', function (e) {//console.log(e.target) 点击的对象// e.target.style.color = 'red' //点击后变红if (e.target.tagName === 'LI') {e.target.style.color = 'red'}})</script>
</body>相关文章：
——事件委托)
JavaScript(20)——事件委托
事件委托是利用事件流的特征解决一些开发需求的知识技巧 优点：减少注册次数，提高程序性能 原理：利用事件冒泡的特点。 给父元素注册事件，当我们触发子元素的时候，会冒泡到父元素上，从而触发父元素事件。…...
Linux系统安装opencv
在Linux系统上安装OpenCV时，使用pip install opencv-python-headless是一个常见的选择。以下是安装OpenCV的步骤总结： 安装步骤： 更新系统软件包（可选）： sudo apt update sudo apt upgrade安装pip…...
nginx反向代理+nginx黑白名单+nginx负载均衡+平滑升级+配置jdk环境-7.30
一、反向代理 1.前端服务器配置 前端服务器：用于接收和响应客户端，代理另一台主机 Nginx 安装 (1).下载安装nginx [rootweb ~]# wget https://nginx.org/download/nginx-1.26.1.tar.gz (2).解压 [rootweb ~ ]# tar -zxvf nginx-1.26.1.tar.gz (3…...
C# Unity 面向对象补全计划 之 访问修饰符
本文仅作学习笔记与交流，不作任何商业用途，作者能力有限，如有不足还请斧正 本系列旨在通过补全学习之后，给出任意类图都能实现并做到逻辑上严丝合缝...
JAVA多线程设计模式 （多线程程序的衡量标准）
前言 如果你对一个程序的评价方式还停留在“这个程序写得不错”、“这个程序写得太差”的程度，这样很难看出你是否确实分析了程序的构造。不要只是“好不好”应该要有一个“好在哪里，不好在哪里”的评量标准。 一、下载地址 下载地址：JAVA…...
消息队列使用
消息队列在分布式系统中扮演着非常重要的角色，其主要用途包括但不限于以下几点： 解耦： 消息队列可以减少应用程序之间的直接依赖，使系统各部分更加独立。例如，在一个电子商务网站中，订单系统可以将订单信息发送到消息队列中，而不必直接调用库存系统。库存系统可以从队列…...
Windows 10+Visual Studio2019 Opencv-C++安装配置
前往官网下载需要的版本Releases - OpenCVhttps://opencv.org/releases/ 1.下载并解压OpenCV 我选择4.6.0，点击windows版本，进行下载 2.配置项目属性 打开你的Visual Studio 2019项目 -> 右击项目名，选择“属性” 注：整个配…...
百易云资产管理运营系统 comfileup.php 文件上传致RCE漏洞复现(XVE-2024-18154)
0x01 产品简介 百易云资产管理运营系统，是专门针对企业不动产资产管理和运营需求而设计的一套综合解决方案。该系统能够覆盖资产的全生命周期管理，包括资产的登记、盘点、评估、处置等多个环节，同时提供强大的运营分析功能，帮助企业优化资产配置，提升运营效率。 0x02 漏…...
【学习笔记】Redis学习笔记——第17章 集群
第17章 集群 17.1 节点 使用cluster meet命令将其他节点添加到当前节点集群中 17.1.1 启动节点 通过cluster-enabled设置来决定是否启用集群 17.1.2 集群数据结构 每个节点都保存了自己及其他节点的IP端口号等信息 17.1.3 cluster meet命令的实现 是收到命令的节点和新…...
Vue - CSS基础学习
一、元素及属性 CSS 是为 web 内容添加样式的代码。 style标签 1.语法 1.除了选择器部分，每个规则集都应该包含在成对的大括号里（{}）。 2.在每个声明里要用冒号（:）将属性与属性值分隔开。 3.在每个规则集里要用分号…...
python setup.py install
有三种方法安装pyinstaller，而我唯独用下面这种最方便，又成功。 下载源码安装包，然后解压安装包，打开cmd并进入安装包解压目录，可以看到该目录下有一个setup.py的文件。 执行命令：python setup.py instal…...
论文解读：DiAD之SG网络
目录 一、SG网络功能介绍二、SG网络代码实现 一、SG网络功能介绍 DiAD论文最主要的创新点就是使用SG网络解决多类别异常检测中的语义信息丢失问题，那么它是怎么实现的保留原始图像语义信息的同时重建异常区域？ 与稳定扩散去噪网络的连接： S…...
Prometheus+Grafana 监控平台实践-搭建常用服务监控告警
前言 Prometheus 是一个开放性的监控解决方案，通过各种 Exporter 采集当前主机/服务的数据，和 Grafana 相结合可以实现强大的监控和可视化功能 本篇将分享使用 docker compose 构建 Prometheus+Grafana，并监控之前文章所搭建的主机&服务，分享日常使用的一些使用经验 文…...
leaflet加载天地图：卫星底图（影响地图） 和 路网底图（矢量地图）【webgis】
文章目录 引言I 申请Key1.1 应用创建1.2 账号认证II 使用申请的key进行相关的服务调用2.1 服务API2.2 初始化地图组件2.3 加载影像底图和影像注记2.4 地理编码查询引言 自己没有对应的地图服务器和地理查询服务器的时候，使用天地图来实现业务的快速支撑。 基于天地图使用Leaf…...
微软蓝屏事件：全球网络安全与系统稳定性的警示
文章目录 每日一句正能量前言探讨软件更新流程中的风险管理和质量控制机制软件更新的风险风险管理策略质量控制措施测试流程缺陷识别实施质量控制结论 提供预防类似大规模故障的最佳方案或应急响应对策设计冗余系统实施灾难恢复计划建立高可用架构应急响应对策利用自动化工具和…...
【51单片机仿真】基于51单片机设计的整数/小数计算器系统仿真源码文档——文末资料下载
演示： 摘要 本项目设计并实现了一种基于51单片机的多功能计算器系统。系统采用STC89C52单片机作为主控制器，结合LCD显示模块、矩阵键盘等外设，实现了基本的整数、小数算术运算功能，包括加、减、乘、除、取模等。本文详细介绍了系统的硬件设计和软件实现，并对系统的功能和…...
ubuntu安装dockergitlab
#更换阿里云进行配置GPG 密钥 curl -fsSL https://mirrors.aliyun.com/docker-ce/linux/ubuntu/gpg | sudo apt-key add - sudo add-apt-repository \ "deb [archarm64] https://mirrors.aliyun.com/docker-ce/linux/ubuntu $(lsb_release -cs) stable" #如果出现错…...
自定义视图提示：提升Laravel用户体验的秘诀
自定义视图提示：提升Laravel用户体验的秘诀 在Laravel框架中，视图提示是一种向用户显示友好信息的方式，它们可以是表单输入后的错误信息、成功通知或其他重要的用户反馈。自定义视图提示不仅可以增强用户体验，还可以使应用程序的…...
关于黑马Ajax项目的笔记
一、token的介绍 概念： 访问权限的令牌，本质上是一串字符串 创建： 正确登录后，由后端签发并返回 作用： 判断是否有登录状态等，控制访问权限 注意 前端只能判断token有无，后端才能判断to…...
Java面试八股之JDK 动态代理和 CGLIB 动态代理的区别
JDK 动态代理和 CGLIB 动态代理的区别 JDK 动态代理和 CGLIB 动态代理都是在 Java 中实现动态代理的两种常见方式。它们各自有不同的特点和适用场景。下面详细介绍一下这两种动态代理的区别： 1. 代理机制 JDK 动态代理: 实现原理: JDK 动态代理基于 Java 的反射…...
AI赋能开发：让快马平台智能理解并生成产区标准图交互应用
AI赋能开发：让快马平台智能理解并生成产区标准图交互应用 最近在做一个农产品产区标准查询系统的项目，发现用传统方式开发这类需求特别费时。比如要处理用户自然语言查询、动态生成地图、实现智能推荐逻辑，光写基础代码就得花好几天。后来尝…...
CPU 亲和性
CPU 亲和性本质CPU 亲和性 让进程 / 线程只在指定的 CPU 核心上运行的调度约束。内核里叫：sched_affinity（调度亲和性）作用：提高 L1/L2/L3 缓存命中率减少 上下文切换（context switch）避免跨 NUMA 节点访问…...
UDS诊断自动化测试入门：用Python模拟Tester端，批量刷写DID与安全访问
UDS诊断自动化测试实战：Python构建高覆盖率ECU测试框架 在汽车电子控制单元（ECU）开发中，诊断功能测试往往是最耗时的手工操作环节之一。想象一下，当需要验证数百个数据标识符（DID）的读写功能时&…...
MT5 Zero-Shot参数详解：Temperature与Top-P对中文改写多样性的影响
MT5 Zero-Shot参数详解：Temperature与Top-P对中文改写多样性的影响 1. 项目概述 MT5 Zero-Shot Chinese Text Augmentation 是一个基于 Streamlit 和阿里达摩院 mT5 模型构建的本地化 NLP 工具。这个工具专门用于中文句子的语义改写和数据增强，能够在保…...
别只盯着协议！用TC8测试案例深度解读车载网络中的ARP与ICMP：安全与稳定的隐藏关卡
车载以太网底层协议实战：从TC8测试案例看ARP与ICMP的安全设计 当一辆现代汽车以100km/h行驶时，其车载网络每秒需要处理超过5000条网络报文。这些报文中的绝大多数，都由ARP和ICMP这样的基础协议承载。在传统IT领域被视为"简单"的协议…...
2026前端面试题
1.vue的通信方式Vue组件通信方式根据组件间的关系（父子、兄弟、跨级、任意组件）可分为多种方案。一、父子组件通信props（父-子）父组件通过属性向子组件传递数据，子组件通过defineProps接收<!-- 父组件 --> <C…...
Z-Image-Turbo LoRA Web服务安全加固：禁用前端覆盖负面提示+后端content policy双层防护
Z-Image-Turbo LoRA Web服务安全加固：禁用前端覆盖负面提示后端content policy双层防护 1. 项目概述与安全挑战 造相-Z-Image-Turbo 亚洲美女LoRA Web服务是一个基于Z-Image-Turbo模型的图片生成平台，集成了laonansheng/Asian-beauty-Z-Image-Turbo-To…...
告别Swagger注解污染：用smart-doc + Maven插件5分钟生成整洁API文档（SpringBoot实战）
零侵入API文档革命：smart-doc在SpringBoot项目中的极致实践 如果你曾经被Swagger注解污染代码所困扰，或是厌倦了在业务逻辑中嵌入大量文档相关注解，那么smart-doc可能会成为你API文档管理的新选择。作为一款基于源码解析的文档生成工具&#…...
Mac用户的移动Win10工坊：从WTG配置到驱动、激活、文件共享的完整避坑指南
Mac用户的移动Win10工坊：从WTG配置到驱动、激活、文件共享的完整避坑指南 当Mac用户需要运行Windows应用时，双系统方案往往是最佳选择。而通过Windows To Go（WTG）技术将Win10安装在移动硬盘上，不仅保留了Mac原生系统的…...
百川2-13B模型实战：Python爬虫数据的智能分析与摘要生成
百川2-13B模型实战：Python爬虫数据的智能分析与摘要生成 每天，互联网上都会产生海量的文本信息，新闻、论坛帖子、社交媒体动态……对于市场分析师、舆情监控人员或者内容运营者来说，如何从这些信息海洋中快速提炼出有价值的内容&…...