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

JavaScript 笔记 --- part 4 --- Web API (part 2)

news 来源：原创 2025/8/1 3:11:05

(webAPI part2) DOM 基本操作

事件流

  • 定义: 指的是事件完整执行过程中的流动路径

    • 捕获阶段: 事件从最外层的窗口对象开始，逐层向内传播到目标元素，并触发相应的事件处理程序。

    • 冒泡阶段: 事件从目标元素开始，逐层向外传播到最外层的窗口对象，并触发相应的事件处理程序。

事件捕获


document.addEventListener('click', function(event) {console.log('文档');
}, true)                // 第三个参数为true表示使用事件捕获, false表示使用事件冒泡, 默认为falsefather.addEventListener('click', function(event) {
console.log('父亲');
}, true)son.addEventListener('click', function(event) {
console.log('儿子');
}, true)- 点击 son 元素，输出顺序为：文档、父亲、儿子。
- 点击 father 元素，输出顺序为：文档、父亲。
- 点击 document 元素，输出顺序为：文档。

事件冒泡


document.addEventListener('click', function(event) {console.log('文档');
})father.addEventListener('click', function(event) {
console.log('父亲');
})son.addEventListener('click', function(event) {
console.log('儿子');
})- 点击 son 元素，输出顺序为：儿子、父亲、文档。
- 点击 father 元素，输出顺序为：父亲、文档。
- 点击 document 元素，输出顺序为：文档。
  • 阻止冒泡: event.stopPropagation()

事件解绑

DOM.romoveEventListener("click", 函数名);

阻止元素默认行为

const form = duocument.querySelector("form");
form.addEventListener("submit", function (event) {event.preventDefault(); // 阻止默认提交行为
});

事件委托

  • 定义: 将事件监听器添加到父元素上，当子元素触发事件时，元素通过事件冒泡机制将事件传递给父元素的事件监听器，从而实现事件的委托。

  • 优点: 减少内存占用，提高性能。

  • 原理: 利用事件冒泡，父元素的事件监听器可以监听到子元素的事件，从而实现事件的委托。

// 父元素
const ul = document.querySelector("ul");
ul.addEventListener("click", function (event) {// 子元素if (event.target.tagName === "LI") {// 判断点击的是不是子元素event.target.style.color = "blue"; //使用target属性获取触发事件的元素const id = event.target.dataset.id; // 使用dataset属性获取自定义属性值}
});

更多事件类型

页面加载事件: load / domcontentloaded

  • load: 页面加载完成时触发。

    它不仅可以监听页面的加载完成，还可以监听页面的资源加载情况，比如图片、样式表、脚本等。

// 等待页面所有资源加载完毕, 就执行回调函数
window.addEventListener("load", function () {});

  • domcontentloaded: 页面 DOM 结构加载完成时触发。

    它与 load 事件不同，它只会在 DOM 结构加载完成时触发，不会等待资源的加载。

// 等待DOM结构加载完成, 就执行回调函数
document.addEventListener("DOMContentLoaded", function () {});

元素滚动事件

  • 可以个页面添加, 也可以给元素添加。
window.addEventListener("scroll", function (event) {consol.log("页面滚动了");
});
  • 获取位置

  1. scrollTop: 获取或设置当前页面的垂直滚动条的位置。(被卷去的部分)

  2. scrollLeft: 获取或设置当前页面的水平滚动条的位置。

  • 它们的值可读写, 类型为数字型
/*页面平滑滚动*/
html {scroll-behavior: smooth;
}

const div = document.querySelector("div");
window.addEventListener("scroll", function (event) {const n = document.documentElement.scrollTop;if (n > 100) {div.style.display = "block";}
});

页面尺寸事件

window.addEventListener("resize", function (event) {console.log("页面尺寸变化了");
});
  • 获取尺寸
const div = document.querySelector("div");
console.log(div.clientWidth); // 盒子宽度
console.log(div.clientHeight); // 盒子高度

元素尺寸与位置

  1. offsetwidth: 元素的宽度，包括内容宽度和内边距。(包括边框和间距)

  2. offsetheight: 元素的高度，包括内容高度和内边距。

  3. offsetTop: 元素相对于其定位父元素的上边缘的距离。(只读属性)

  4. offsetLeft: 元素相对于其定位父元素的左边缘的距离。

    • 若 3 和 4 的父元素无定位, 则找定位祖先元素, 直至 body 元素为止。

  5. element.getBoundingClientRect(): 获取元素的边界框信息(相对于视口), 返回一个对象。

日期对象

实例化

const date = new Date(); // 当前日期和时间const date1 = new Date(year, month, day, hours, minutes, seconds, milliseconds); // 指定日期和时间

方法

  1. getFullYear(): 获取完整的年份。

  2. getMonth(): 获取月份(0-11)。

  3. getDate(): 获取日期(1-31)。

  4. getDay(): 获取星期几(0-6)。

  5. getHours(): 获取小时(0-23)。

  6. getMinutes(): 获取分钟(0-59)。

  7. getSeconds(): 获取秒(0-59)。

  8. getMilliseconds(): 获取毫秒(0-999)。

  9. getTime(): 获取从 1970 年 1 月 1 日午夜到当前时间的毫秒数。

  10. getTimezoneOffset(): 获取时区偏移量。

  11. setFullYear(year): 设置完整的年份。

  12. setMonth(month): 设置月份(0-11)。

  13. setDate(day): 设置日期(1-31)。

  14. setHours(hours): 设置小时(0-23)。

  15. setMinutes(minutes): 设置分钟(0-59)。

  16. setSeconds(seconds): 设置秒(0-59)。

  17. setMilliseconds(milliseconds): 设置毫秒(0-999)。

  18. setTime(milliseconds): 设置从 1970 年 1 月 1 日午夜到指定时间的毫秒数。

  19. toUTCString(): 将日期对象转换为 UTC 格式的字符串。

  20. toDateString(): 将日期对象转换为日期格式的字符串。

  21. toTimeString(): 将日期对象转换为时间格式的字符串。

  22. toLocaleString(): 将日期对象转换为本地格式的字符串。

时间戳

  • 定义: 时间戳是指格林威治时间 1970 年 01 月 01 日 00 时 00 分 00 秒(北京时间 1970 年 01 月 01 日 08 时 00 分 00 秒)起至现在的总秒数。

  • 使用场景: 如果计算倒计时效果, 前面方法无法直接计算, 需要借助于时间戳完成。

  • 算法:

  1. 获取当前时间戳:

    • const timestamp = Date.now();

    • const timestamp = +new Date();

    • const timestamp = (new Date()).getTime();

  2. 计算倒计时:

    • const d = parseInt(总秒数 / 60 / 60 / 24); 计算天数

    • const h = parseInt((总秒数 / 60 / 60) % 24); 计算小时数

    • const m = parseInt((总秒数 / 60) % 60); 计算分钟数

    • const s = parseInt(总秒数 % 60); 计算秒数

节点操作

  • DOM节点: 指的是文档对象模型(Document Object Model)中的节点, 包括元素节点、属性节点、文本节点、注释节点等。

查找节点(根据元素之间的关系)

  • 父节点查找: 子元素.parentNode, 返回值值为object, 找不到返回null

  • 子节点查找: 父元素.children , 返回值值为array(仅包含子元素节点), 找不到返回空数组

  • 兄弟节点查找: 元素.previousElementSibling(前一个兄弟节点) 或 元素.nextElementSibling(后一个兄弟节点), 返回值类型为object, 找不到返回null

创建节点(新增元素节点)

  • 创建节点: document.createElement(标签名) , 返回值类型为object, 即新创建的元素节点

  • 插入节点(方法一): 父元素.appendChild(新元素名) , 插入到最后

  • 插入节点(方法二): 父元素.insertBefore(新元素名, 参照元素) , 插入到参照元素之前

  • 克隆节点: 元素.cloneNode(true/false) , true表示深复制, false表示浅复制, 返回值类型为object, 即新创建的元素节点

删除节点

  • 删除节点: 父元素.romoveChild(子元素) , 删除该元素节点

M端事件

  • tauchstart: 手指触摸屏幕时触发

  • touchmove: 手指在屏幕上滑动时触发

  • touchend: 手指从屏幕上松开时触发

JS插件(swiper)

  1. 官网: https://swiper.com.cn/

  2. 下载: https://swiper.com.cn/download

  3. 引入: 下载压缩包, 解压, 找到 package文件夹, 引入 js文件和 css文件即可。

相关文章：

JavaScript 笔记 --- part 4 --- Web API (part 2)

(webAPI part2) DOM 基本操作 事件流 定义: 指的是事件完整执行过程中的流动路径 捕获阶段: 事件从最外层的窗口对象开始，逐层向内传播到目标元素，并触发相应的事件处理程序。 冒泡阶段: 事件从目标元素开始，逐层向外传播到最外层的窗口对象…...

编程日记 2025/8/1 3:11:05

从入门到精通汇编语言 第六章（中断及外部设备操作）

参考教程：通俗易懂的汇编语言（王爽老师的书）_哔哩哔哩_bilibili 一、移位指令 1、8个移位指令 （1）逻辑左移指令SHL：SHL OPR, CNT。 ①OPR为操作数，CNT为左移位数，该指令将OPR视作…...

编程日记 2025/7/31 5:53:09

PySide6 GUI 学习笔记——常用类及控件使用方法（常用类尺寸QSizeF）

QSizeF 类（浮点尺寸类） 文章目录 QSizeF 类（浮点尺寸类）概述主要方法列表详细说明及应用举例注意事项 概述 QSizeF 类使用浮点精度定义二维对象的尺寸。官方文档在这里。 主要方法列表 __init__(self) …...

编程日记 2025/7/30 9:44:30

操作系统中的虚拟化技术深度对话

操作系统中的虚拟化技术深度对话 参与者：系统工程师（Engineer）、开发者（Developer）、学生（Student） 1. 虚拟化的基本概念 Student：虚拟化到底是什么？为什么操作系统需要…...

编程日记 2025/7/28 8:12:29

第35讲：构建属于自己的遥感大模型平台，并接入地理数据工作流

目录 🌍 写在前面 一、为什么要构建属于自己的遥感大模型平台？ 二、核心技术选型推荐 ✅ 前端部分 ✅ 后端部分 ✅ 部署平台 三、平台架构设计思路 四、案例实战：构建一个在线遥感分割平台 📌 第一步：模型服务封装（FastAPI） 📌 第二步：前端上传与展示（L…...

编程日记 2025/7/29 12:04:30

langchain-nextjs-template 模板安装与配置

前提条件： node安装yarn 安装：npm install -g yarn 目录 1. 克隆项目2. 安装依赖3. 配置环境变量4. 修改模型配置5. 启动开发服务器6. 项目结构说明7. 功能说明8. 自定义提示模板部分过程文件截图 1. 克隆项目 首先，从 GitHub 克隆 LangCha…...

编程日记 2025/7/28 8:12:25

安卓单机斗地主,具备休闲挑战等多模式

软件介绍 斗地主单机版是一款超适合在安卓设备上玩的游戏。当你周末玩网游玩累了的时候，它就是个很不错的选择哦。 多种模式可选 这个斗地主单机版有不同的模式呢，有休闲模式、挑战模式、炸弹场和大师赛。你可以根据自己的喜好随意挑选模式&#xff0c…...

编程日记 2025/8/1 1:39:56

电解电容失效分析过程、失效分析报告

参考： 深度剖析关键电子元器件电解电容内部故障隐患 电解电容的参数指标 电路板中电解电容是存在寿命的，电解电容中的电解液随着时间会慢慢减少导致电容容值降低，最终导致电源出现问题。相信大家都见过电解电容鼓包的情况。 所以做设计的时…...

编程日记 2025/7/28 8:12:21

Ubuntu修改Swap交换空间大小

前言： 安装Ubuntu系统时，选择了默认空间分配方案，Swap空间仅1G，而实际的物理内存有32G，分给Swap空间至少为内存的1倍，最好是内存值的2倍，系统相当卡顿，重做系统后，费力部…...

编程日记 2025/7/30 1:20:02

SpringBoot 知识图谱

预警：本文非常长，建议先 mark 后看，也许是最后一次写这么长的文章说明：前面有 4 个小节关于 Spring 的基础知识，分别是：IOC 容器、JavaConfig、事件监听、SpringFactoriesLoader 详解，它们占据了本文的大部分内容，虽然它们之间可能没有太多的联系，但这些知识对于理解 …...

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

智谱开源新一代GLM模型，全面布局AI智能体生态

2024年4月15日，智谱在中关村论坛上正式发布了全球首个集深度研究与实际操作能力于一体的AI智能体——AutoGLM沉思。这一革命性技术的发布标志着智谱在AGI（通用人工智能）领域的又一次重要突破。智谱的最新模型不仅推动了AI智能体技术的升级&am…...

编程日记 2025/7/28 2:19:13

一文读懂Python之numpy模块（34）

一、模块简介 numpy是Python语言中做科学计算的基础库，重在于数值计算，有一个强大的N维数组对象Array，同时NumPy 提供了大量的库函数和操作，可以帮助程序员轻松地进行Array数值计算。 numpy在数据分析和机器学习领域被广泛使用。…...

编程日记 2025/7/31 8:30:17

Lora 微调自定义device_map

Lora 微调自定义device_map 首先查看模型权重参数配置model.safetensors.index.json 查看多少解码器 这里的layer可以理解为解码器层，后面有qkv，bais，layernomal等 # 显卡数量 num_gpus = 5 # 总层数 num_layers = 28layers_per_gpu = num_layers // num...

编程日记 2025/7/28 8:12:12

二叉树的顺序结构及实现

一.二叉树的顺序结构 二.堆的概念及结构 三.堆的实现 一.二叉树的顺序结构 普通的二叉树是不适合用数组来存储的，因为可能会存在大量的空间浪费。而完全二叉树更适合使用顺序结构存储。现实中我们通常把堆 ( 一种二叉树 ) 使用顺序结构的数组来存储。 二.堆的概念…...

编程日记 2025/7/30 16:16:36

python生成项目依赖文件requirements.txt

文章目录 通过pip freeze去生成通过pipreqs去生成 通过pip freeze去生成 pip freeze > requirements.txt会将整个python的Interceptor的环境下lib包下所有的依赖都生成到这个文件当中，取决于我们使用的python的版本下所有的安装包。不建议使用这种方式&#xff…...

编程日记 2025/8/1 1:48:16

Cribl 对Windows-xml log 进行 -flatten-03

The Flatten Function Description​ The Flatten Function is used to flatten fields out of a nested structure. Lets flatten the _raw JSON object, to further reduce the events size before we send it to the intended destination(s). Steps – Adding a Flatten…...

编程日记 2025/7/28 8:12:06

Java优雅实现判空方法

在 Java 开发中，频繁的 if (obj ! null) 判空代码会导致代码冗余、可读性差，且容易遗漏判空导致 NullPointerException。以下从 语言特性、设计模式、工具类 和 编码规范 四个维度，结合实际案例，详解如何优雅处理空值问题。 一、…...

编程日记 2025/7/30 14:50:30

leetcode 1035. Uncrossed Lines

题目描述 本题本质上就是求nums1和nums2的最长公共子序列的长度。因此本题本质上与第1143题一模一样。 代码&#xff1a; class Solution { public:int maxUncrossedLines(vector<int>& nums1, vector<int>& nums2) {//本题等价于求nums1和nums2的最长公…...

编程日记 2025/7/31 21:13:57

windows上部署本地知识库（RAG）ollama + docker + ragflow方案

一、部署ollama 如何部署本地部署ollama参照我另一篇博客：Windows安装ollama部署本地大模型_ollama 在哪里运行的大模型-CSDN博客 二、部署docker 1、下载docker： 下载地址： Docker: Accelerated Container Application Development 2、winds（winds11）安装或者更新ws…...

编程日记 2025/7/30 17:39:25

多Agent框架及协作机制详解

文章目录 一、多智能体系统介绍1.1 多智能体系统定义1.2 多智能体协作1.3 协作类型1.4 协作策略1.5 通信结构1.6 协调与编排 1.3 多智能体与单智能体对比1.4 应用场景 二、多Agent开发框架AutoGenMetaGPTLangGraphSwarmCrewAI 三、多智能体协作方式3.1 MetaGPT&#xff1a;SOP驱…...

编程日记 2025/7/27 8:55:57

Cribl 对Windows-xml log 进行 -Removing filed-06

Removing Fields Description​ The Eval Function can be used to add or remove fields. In this example we will remove the extracted fields while preserving _raw, _time,index,source, sourcetype. Steps - Adding an Eval Function...

编程日记 2025/7/28 9:30:50

Linux 常用指令用户手册

Linux 常用指令用户手册 适合新手入门 & 日常速查 目录 基础操作文件与目录管理权限与所有权文本处理压缩与解压系统监控网络操作进程管理实用小技巧 1. 基础操作 1.1 查看系统信息 # 查看内核版本 uname -a# 查看系统发行版信息&#xff08;适用于 Debian/Ubuntu&…...

编程日记 2025/7/31 20:33:12

Java EE(20)——线程安全——ThreadLocal

1.前言 在面的线程安全相关的博文中&#xff0c;解决线程安全问题的方法主要使用synchronized和volatile两个关键字。引发线程安全问题的根本原因是多个线程同时对共享变量进行写操作&#xff0c;而上述两个关键字并没有改变"多个线程写同一个变量"这个情况。以sync…...

编程日记 2025/7/29 11:22:26

树莓派超全系列教程文档--(36)树莓派条件过滤器设置

树莓派条件过滤器设置 条件过滤器[all] 过滤器型号过滤器[none] 过滤器[tryboot] 过滤器[EDID*] 过滤器序列号过滤器GPIO过滤器组合条件过滤器 文章来源&#xff1a; http://raspberry.dns8844.cn/documentation 原文网址 条件过滤器 当将单个 SD 卡&#xff08;或卡图像&am…...

编程日记 2025/7/31 13:28:12

Vue3核心源码解析

/packages/complier-core 定位​​&#xff1a;​​编译时核心​​&#xff0c;处理 Vue 模板的编译逻辑。​​核心功能​​&#xff1a; ​​模板解析​​&#xff1a;将 .vue 文件的模板语法&#xff08;HTML-like&#xff09;解析为 ​​抽象语法树 (AST)​​。​​转换优化…...

编程日记 2025/8/1 1:29:21

JavaScript解密实战指南：从基础到进阶技巧

JavaScript加密技术广泛应用于数据保护、反爬虫和代码混淆&#xff0c;但掌握解密方法能帮助开发者突破技术壁垒。本文结合爬虫实战与安全分析场景&#xff0c;系统梳理JS解密的核心方法与工具。 一、基础解密方法 1. Base64解码 适用于简单编码场景&#xff0c;如Cookie加密…...

编程日记 2025/7/29 19:32:11

指针（2）

1.数组名的理解 使用指针访问数组的内容时&#xff0c;有这样的代码&#xff1a; int arr[10]{1,2,3,4,5,6,7,8,9,10}int * p&arr[0]; &arr[0] 的方式拿到了数组的第一个元素的地址&#xff0c;但是其实数组名本来就是地址&#xff0c;而且还是首元素的地址&#xf…...

编程日记 2025/7/31 15:33:42

Android开发中广播（Broadcast）技术详解

在 Android 开发中&#xff0c;广播&#xff08;Broadcast&#xff09; 是一种广泛使用的组件通信机制&#xff0c;它允许应用程序在不直接交互的情况下传递消息。本文将详细讲解 Android 广播的基本概念、类型、发送与接收流程、使用场景及注意事项&#xff0c;并结合具体的代…...

编程日记 2025/7/29 17:26:13

Python网络爬虫设计（三）

目录 一、需要登录的爬虫 二、pyppeteer与requests库结合 1、cookie和session 三、其他 1、绝对网址和相对网址 2、sleep函数 一、需要登录的爬虫 在众多种类的页面中&#xff0c;不同的页面有不同的功能&#xff0c;有的是进行展示的&#xff0c;而有的则是登录类的。在…...

编程日记 2025/7/30 4:42:48

【深度学习—李宏毅教程笔记】各式各样的 Attention

目录 一、普通 Self-Attention 的痛点 二、对 Self-Attention 的优化方式 1、Local Attention / Truncated Attention 2、Stride Attention 3、Global Attention 4、知名的 Self-Attention 的变形的应用 &#xff08;1&#xff09;Longformer &#xff08;2&#xff09…...

编程日记 2025/7/30 10:08:26

leetcode 1143. Longest Common Subsequence

目录 题目描述 第一步&#xff0c;明确并理解dp数组及下标的含义 第二步&#xff0c;分析明确并理解递推公式 第三步&#xff0c;理解dp数组如何初始化 第四步&#xff0c;理解遍历顺序 代码 题目描述 这道题和第718题的区别就是&#xff0c;本题求的是最长公共子序列的长…...

编程日记 2025/7/30 22:29:34

Unity C\# 实战：从零开始为游戏添加背景音乐与音效 (AudioSource/AudioClip/AudioMixer 详解)

Langchain系列文章目录 01-玩转LangChain&#xff1a;从模型调用到Prompt模板与输出解析的完整指南 02-玩转 LangChain Memory 模块&#xff1a;四种记忆类型详解及应用场景全覆盖 03-全面掌握 LangChain&#xff1a;从核心链条构建到动态任务分配的实战指南 04-玩转 LangChai…...

编程日记 2025/7/28 8:11:45

【代码解读】开源模型 minimind之pretrain

minimind原模型地址: https://github.com/jingyaogong/minimind 本文解读下开源模型minimind的预训练代码 train_pretrain.py&#xff0c;解释以代码注释的形式添加 1. 参数配置代码 parser argparse.ArgumentParser(description"MiniMind Pretraining") parser.ad…...

编程日记 2025/7/30 11:12:38

wordpress独立站的产品详情页添加WhatsApp链接按钮

在WordPress外贸独立站的产品展示页添加WhatsApp链接按钮&#xff0c;可以帮助客户更方便地与你联系。以下是实现这一功能的步骤&#xff1a; 方法一&#xff1a;使用HTML代码添加按钮 编辑产品展示页 进入WordPress后台&#xff0c;找到需要添加WhatsApp按钮的产品展示页。…...

编程日记 2025/7/28 9:30:48

从入门到精通汇编语言 第五章（流程转移与子程序）

参考教程&#xff1a;通俗易懂的汇编语言&#xff08;王爽老师的书&#xff09;_哔哩哔哩_bilibili 一、“转移”概述 1、转移的概念 &#xff08;1&#xff09;般情况下指令是顺序地逐条执行的&#xff0c;而在实际中&#xff0c;常需要改变程序的执行流程&#xff0c;这就…...

编程日记 2025/7/28 6:54:59

Redis下载

目录 安装包 1、使用.msi方式安装 2.使用zip方式安装【推荐方式】 添加环境变量 配置后台运行 启动&#xff1a; 1.startup.cmd的文件 2.cmd窗口运行 3.linux源码安装 &#xff08;1&#xff09;准备安装环境 &#xff08;2&#xff09;上传安装文件 &#xff08;3&…...

编程日记 2025/7/28 9:30:44

硬件工程师笔记——电子器件汇总大全

目录 1、电阻 工作原理 欧姆定律 电阻的物理本质 一、限制电流 二、分压作用 三、消耗电能&#xff08;将电能转化为热能&#xff09; 2、压敏电阻 伏安特性 1. 过压保护 2. 电压调节 3. 浪涌吸收 4. 消噪与消火花 5. 高频应用 3、电容 工作原理 &#xff08;…...

编程日记 2025/7/29 12:08:09

第一章，HCIA复习

抽象语言---->电信号抽象语言---编码 编码------二进制 二进制----电信号 OSI参考模型 TCP/IP模型&#xff08;4参考5对等&#xff09; 应用层&#xff1a;程序的编译过程&#xff1b;人机交互的接口。 表示层&#xff1a;数据格式化--->二进制 会话层&#xff1a;维护网…...

编程日记 2025/7/28 9:30:40

在 Debian 12 中恢复被删除的 smb.conf 配置文件

https://forum.ubuntu.com.cn/viewtopic.php?t494763 本文结合ai输出&#xff0c;内容中可能有些错误&#xff0c;但确实解决了我的问题&#xff0c;我采取保留完整输出的方式摘录。 在 Debian 12 中恢复被删除的 smb.conf 配置文件&#xff0c;需结合 dpkg 和 ucf&#xff08…...

编程日记 2025/7/27 13:52:02

Java开发软件

Main.java // 主类&#xff0c;用于测试学生管理系统 public class Main { public static void main(String[] args) { StudentManagementSystem sms new StudentManagementSystem(); // 添加学生 sms.addStudent(new Student(1, "Alice", 20)…...

编程日记 2025/7/28 9:30:36

SSRF学习

靶场 fofa搜&#xff1a;“重庆橙子科技”&#xff0c;里面找SSRF。 SSRF基础知识 绕过127限制 要查看127.0.0.1/flag.php&#xff0c;但是127被过滤。 绕过方法&#xff1a;使用不同的进制表示127.0.0.1即可。 二进制&#xff1a;01111111.00000000.00000000.00000001 八…...

编程日记 2025/7/28 9:30:34

使用virtualbox的HostOnly建立共享网络-实现虚拟机上网

目录 环境描述解决方案具体步骤1.新建一个virtual host-only ethernet adapter2.设置windows的wifi信号网络共享3.确认winows宿主网络信息3.1.wifi适配器的信息3.2.虚拟网卡的信息3.3.确认virtualbox中虚拟网卡的ip地址 4.虚拟机网卡设置5.虚拟机网络设置5.1.本地连接设置5.2.u…...

编程日记 2025/7/27 15:27:33

RNN的理解

对于RNN的理解 import torch import torch.nn as nn import torch.nn.functional as F# 手动实现一个简单的RNN class RNN(nn.Module):def __init__(self, input_size, hidden_size, output_size):super(RNN, self).__init__()# 定义权重矩阵和偏置项self.hidden_size hidden…...

编程日记 2025/7/28 9:30:30

Transformers是一种基于自注意力机制的神经网络模型

概述与发展历程 背景介绍 Transformers是一种基于自注意力机制的神经网络模型&#xff0c;最早由Google团队在2017年的论文《Attention Is All You Need》中提出。该模型旨在解决传统循环神经网络&#xff08;RNNs&#xff09;在处理长距离依赖关系时的低效性问题&#xff0c…...

编程日记 2025/7/28 9:30:28

leetcode0078. 子集-medium

1 题目&#xff1a;子集 官方标定难度&#xff1a;中 给你一个整数数组 nums &#xff0c;数组中的元素 互不相同 。返回该数组所有可能的子集&#xff08;幂集&#xff09;。 解集 不能 包含重复的子集。你可以按 任意顺序 返回解集。 示例 1&#xff1a; 输入&#xff1…...

编程日记 2025/7/29 13:01:04

C++编程 希尔排序

步骤&#xff1a; 1.先选定一个小于N的整数gap作为第一增量&#xff0c;然后将所有距离为gap的元素分在同一组&#xff0c;并对每一组的元素进行直接插入排序。然后再取一个比第一增量小的整数作为第二增量&#xff0c;重复上述操作… 2.当增量的大小减到1时&#xff0c;就相当…...

编程日记 2025/7/31 7:57:52

网络操作系统与应用服务器

1.通过PTR实现IP地址到主机域名的映射 2.在windows中,可以使用事件查看器来游览日志文件 3.IMAP即交互式邮件存取协议,邮件客户端可以使用其同步服务器和客户端之间的邮件列表 4.DHCP Discover ->DHCP Offer->DHCP Request->DHCP Ack 5.在DNS的资源记录中,类型A表…...

编程日记 2025/7/28 9:30:22

不确定与非单调推理的模糊推理

模糊推理是利用模糊性知识进行的一种不确定性推理。 模糊推理与前面讨论的不确定性推理的概率方法、可信度方法、D-S理论有着实质性的区别。前面那几种不确定性推理的理论基础是概率论，它所研究的事件本身有明确而确定的含义，只是由于发生的条件不充分，使得在条件与事件之间…...

编程日记 2025/7/28 9:30:20

Vite打包原理: Tree-shaking在Vue3项目中的实际效果

Vite打包原理: Tree-shaking在Vue3项目中的实际效果 随着前端开发技术的不断进步&#xff0c;Vue框架在国内外都备受青睐。而在Vue3项目中&#xff0c;Vite作为一款新型的构建工具&#xff0c;其支持的Tree-shaking技术成为了开发者关注的焦点之一。那么&#xff0c;Vite中Tree…...

编程日记 2025/7/28 9:30:18

LangChain4j语言模型选型指南：主流模型能力全景对比

LangChain4j语言模型选型指南&#xff1a;主流模型能力全景对比 前言 在大语言模型应用开发中&#xff0c;选择合适的底层模型提供商是架构设计的关键决策。LangChain4j作为Java生态的重要AI框架&#xff0c;其支持的20模型提供商各有独特的优势场景。本文通过功能矩阵深度解…...

编程日记 2025/7/29 11:52:39