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

Vue百日学习计划Day16-18天详细计划-Gemini版

news 来源：原创 2025/6/15 22:46:35

重要提示：

  • 番茄时钟： 每个番茄钟为25分钟学习，之后休息5分钟。每完成4个番茄钟，进行一次15-30分钟的长休息。
  • 动手实践： DOM 操作和事件处理的理解高度依赖于实际编码。请务必在浏览器中创建 HTML 页面，并配合 JavaScript 代码进行实验。
  • 开发者工具： 熟练使用浏览器的开发者工具 (特别是 Elements 和 Console 面板) 对学习 DOM 操作至关重要。
  • 资源利用：
    • MDN Web Docs (Web API - Document Object Model): https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model
    • MDN Web Docs (事件): https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks/Events
  • 当前日期： 2025年5月16日 (用于知晓信息时效性，DOM 和事件核心概念相对稳定)

学习目标 Day 16-18：DOM 操作与事件

  • Day 16：DOM 基础与节点查找、属性操作
    • 理解什么是 DOM (文档对象模型) 及其树形结构。
    • 掌握常用的 DOM 节点查找方法。
    • 学习如何读取和修改元素的属性和内容。
  • Day 17：DOM 节点操作与事件监听基础
    • 掌握创建、添加、插入和删除 DOM 节点的方法。
    • 理解事件和事件监听器的概念。
    • 学习使用 addEventListener 来处理用户交互。
  • Day 18：事件流 (冒泡与捕获) 与事件委托
    • 深入理解事件冒泡和事件捕获阶段。
    • 掌握事件委托的概念、优势及其实现方式。
    • 能够应用事件委托优化性能和简化代码。

每日学习计划 (3小时/天)

Day 16: DOM 基础与节点查找、属性操作

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： DOM 简介与树形结构。
    • 内容： 阅读 MDN 关于 DOM 的介绍。理解 DOM 是 HTML/XML 文档的编程接口，它将文档解析为一个由节点和对象组成的结构 (通常称为 DOM 树)。认识常见的节点类型 (Document, Element, Text, Attribute)。
    • 实践： 随便打开一个网页，使用浏览器开发者工具的 “Elements” 面板查看其 DOM 树结构，尝试对应 HTML 标签和 DOM 节点。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 查找 DOM 节点 (一): document.getElementById(), document.getElementsByTagName().
    • 内容： 学习通过元素 ID 获取单个元素节点。学习通过标签名获取 HTMLCollection (动态集合)。
    • 实践： 创建一个简单的 HTML 页面，包含不同 ID 和标签的元素。使用 JavaScript 获取这些元素并在控制台打印出来。观察 getElementsByTagName 返回的结果。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 查找 DOM 节点 (二): document.getElementsByClassName(), document.querySelector().
    • 内容： 学习通过类名获取 HTMLCollection。学习 querySelector 使用 CSS 选择器语法获取匹配的第一个元素节点。
    • 实践： 在 HTML 页面中添加带 class 的元素，练习使用 getElementsByClassName 和 querySelector (尝试不同的 CSS 选择器，如类选择器、后代选择器)。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 查找 DOM 节点 (三): document.querySelectorAll().
    • 内容： 学习 querySelectorAll 使用 CSS 选择器语法获取所有匹配的元素节点，返回一个静态的 NodeList。
    • 实践： 使用 querySelectorAll 获取多个元素，并尝试遍历 NodeList。对比其与 HTMLCollection 的区别 (例如，动态性)。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 读取和修改元素属性 (Attribute vs Property)。
    • 内容： 学习使用 getAttribute(), setAttribute(), removeAttribute()。理解 HTML 属性 (attributes) 和 DOM 对象属性 (properties) 之间的区别与联系 (例如 id, class vs className, value)。
    • 实践： 获取并修改 HTML 元素的标准属性 (如 id, class, src, href) 和自定义属性 (data-*)。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 读取和修改元素内容与样式。
    • 内容： 学习 innerHTML, textContent, innerText 的区别和用法。学习通过 element.style 对象修改内联样式，以及通过 element.classList (add, remove, toggle, contains) 操作类名来改变样式。
    • 实践： 获取一个元素的 HTML 内容和纯文本内容并进行修改。尝试动态改变一个元素的背景颜色、字体大小，以及通过添加/删除 CSS 类来改变其外观。

Day 17: DOM 节点操作与事件监听基础

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 创建 DOM 节点: document.createElement(), document.createTextNode().
    • 内容： 学习如何使用 JavaScript 动态创建新的元素节点和文本节点。
    • 实践： 创建一个新的 <p> 元素和一个文本节点，并尝试将文本节点的内容设置好。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 添加 DOM 节点: appendChild(), insertBefore().
    • 内容： 学习如何将创建的节点添加到 DOM 树中。appendChild 将节点添加到指定父元素的子节点列表末尾。insertBefore 将节点插入到指定父元素的某个已有子节点之前。
    • 实践： 将上一个番茄钟创建的 <p> 元素和文本节点组合并添加到 HTML 页面的某个现有元素 (如 <body> 或某个 <div>) 内部。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 删除和替换 DOM 节点: removeChild(), replaceChild().
    • 内容： 学习如何从 DOM 中移除一个子节点。学习如何用一个新的节点替换一个已有的子节点。
    • 实践： 选中页面上的某个元素，然后将其从 DOM 中删除。创建一个新元素，并用它替换页面上的另一个现有元素。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 事件简介与事件监听器。
    • 内容： 理解什么是事件 (如点击、鼠标悬停、键盘按下等)。了解事件监听器 (event listener) 或事件处理器 (event handler) 的概念。
    • 实践： 阅读 MDN 关于事件的介绍，思考网页中常见的用户交互行为。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 使用 addEventListener() 添加事件监听。
    • 内容： 学习 element.addEventListener(type, listener, useCapture) 的语法。第一个参数是事件类型 (如 'click', 'mouseover')，第二个参数是事件触发时执行的回调函数，第三个参数通常默认为 false (事件冒泡阶段处理)。
    • 实践： 为页面上的一个按钮添加一个点击事件监听器，当按钮被点击时，在控制台输出一条消息或改变页面上某个元素的文本。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 事件对象 (Event Object)。
    • 内容： 理解当事件发生时，会创建一个事件对象并作为参数传递给事件处理函数。了解事件对象常用的属性 (如 event.target, event.currentTarget, event.type, event.preventDefault(), event.stopPropagation()).
    • 实践： 在事件处理函数中打印事件对象，查看其包含的信息。尝试使用 event.target 来确定具体是哪个元素触发了事件。为一个链接添加点击事件，并使用 event.preventDefault() 来阻止其默认的跳转行为。

Day 18: 事件流 (冒泡与捕获) 与事件委托

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 事件流 (Event Flow) - 事件冒泡 (Bubbling)。
    • 内容： 理解事件冒泡的概念：当一个元素上的事件被触发时，同样的事件会依次在它的所有祖先元素上被触发，从内到外。
    • 实践： 创建嵌套的 <div> 元素，为内部和外部的 <div> 都添加相同的点击事件监听器。点击内部 <div>，观察事件处理函数的执行顺序。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 事件流 (Event Flow) - 事件捕获 (Capturing)。
    • 内容： 理解事件捕获的概念：与冒泡相反，事件从 window 开始，逐级向下传播到目标元素。可以通过将 addEventListener 的第三个参数设置为 true 来在捕获阶段处理事件。
    • 实践： 修改上一个练习，将外部 <div> 的事件监听器设置为在捕获阶段触发，观察执行顺序的变化。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 停止事件传播: event.stopPropagation().
    • 内容： 学习如何使用 event.stopPropagation() 来阻止事件继续在 DOM 树中冒泡或捕获。
    • 实践： 在内部 <div> 的事件处理函数中调用 event.stopPropagation()，观察外部 <div> 的事件处理函数是否还会执行。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 事件委托 (Event Delegation) - 概念与优势。
    • 内容： 理解事件委托是将事件监听器添加到父元素上，利用事件冒泡来管理子元素上的事件。了解其优势：减少内存消耗、简化动态添加元素的事件处理。
    • 实践： 阅读相关资料，思考哪些场景适合使用事件委托 (例如：一个有很多列表项的 <ul>)。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 事件委托 (Event Delegation) - 实现。
    • 内容： 学习如何在父元素的事件处理函数中，通过检查 event.target 来判断事件的实际来源，并执行相应的操作。
    • 实践： 创建一个 <ul> 列表，只给 <ul> 元素添加一个点击事件监听器。当点击某个 <li> 时，在控制台输出该 <li> 的内容。尝试动态添加新的 <li> 到列表中，验证事件委托依然有效。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： DOM 操作与事件综合练习。
    • 内容： 结合 Day 16-18 所学，尝试完成一个小的交互功能。例如：
      • 一个简单的待办事项列表：可以输入内容，点击按钮添加事项到列表中，点击已添加的事项可以将其标记为完成或删除。
    • 实践： 动手实现上述小功能，重点运用节点创建、添加、删除以及事件监听和事件委托。

相关文章：

Vue百日学习计划Day16-18天详细计划-Gemini版

重要提示&#xff1a; 番茄时钟&#xff1a; 每个番茄钟为25分钟学习&#xff0c;之后休息5分钟。每完成4个番茄钟&#xff0c;进行一次15-30分钟的长休息。动手实践&#xff1a; DOM 操作和事件处理的理解高度依赖于实际编码。请务必在浏览器中创建 HTML 页面&#xff0c;并配…...

编程日记 2025/5/17 19:18:08

【C++】15.并发支持库

本篇内容参考自cplusplus 1. thread 1.1 thread thread库底层是对各个系统的线程库&#xff08;Linux下的pthread库和Windows下Thread库&#xff09;进行封装。C11thread库的第一个特点是可以跨平台&#xff0c;第二个特点是Linux和Windows下提供的线程库都是面向过程的&…...

编程日记 2025/5/17 19:06:15

Linux系统编程——exec族函数

我们来完整、系统、通俗地讲解 Linux 系统编程中非常重要的一类函数&#xff1a;exec 族函数&#xff08;也叫 exec family&#xff09;。 一、什么是 exec&#xff1f; exec 系列函数的作用是&#xff1a; 用一个新的程序&#xff0c;替换当前进程的内容。 也就是说&#xf…...

编程日记 2025/5/17 19:05:12

职教实训室中的写实数字人：技术与应用方案

在当今快速发展的数字化时代&#xff0c;职业教育的重要性日益凸显。面对传统教学模式中个性化不足、互动性差等挑战&#xff0c;深声科技基于2D写实交互数字人的解决方案为职教实训室带来了全新的变革。本文将详细介绍该技术方案的核心原理、产品特色及其在职业培训中的实际应…...

编程日记 2025/5/17 19:03:00

Nginx模块配置与请求处理详解

Nginx 作为模块化设计的 Web 服务器，其核心功能通过不同模块协同完成。以下是各模块的详细配置案例及数据流转解析： 一、核心模块配置案例 1. Handler 模块（内容生成） 功能：直接生成响应内容（如静态文件、重定向等） # 示例1：静态文件处理（ngx_http_static_module）…...

编程日记 2025/5/17 18:52:11

54. 螺旋矩阵

题目链接&#xff1a; a54. 螺旋矩阵 题目描述&#xff1a; 给你一个 m 行 n 列的矩阵 matrix &#xff0c;请按照 顺时针螺旋顺序 &#xff0c;返回矩阵中的所有元素。 题目分析&#xff1a; 改题目需要判断是否溢出边界&#xff0c;与59不同&#xff0c;59可以判断是否为0…...

编程日记 2025/5/17 18:47:47

virtualbox虚拟机中的ubuntu 20.04.6安装新的linux内核5.4.293 | 并增加一个系统调用 | 证书问题如何解决

参考文章&#xff1a;linux添加系统调用【简单易懂】【含32位系统】【含64位系统】_64位 32位 系统调用-CSDN博客 安装新内核 1. 在火狐下载你需要的版本的linux内核压缩包 这里我因为在windows上面下载过&#xff0c;配置过共享文件夹&#xff0c;所以直接复制粘贴通过共享文…...

编程日记 2025/5/17 18:37:02

代码随想录算法训练营第三十八天打卡

今天是动态规划的第三天&#xff0c;昨天的不同路径与整数分解的几道题目大家理解得如何&#xff1f;如果有疑问大家还是多去想想dp数组究竟是什么含义&#xff0c;还有我的状态转移是否正确&#xff0c;初始化是否正确&#xff0c;这一点很重要&#xff0c;今天的题目依旧是跑…...

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

【论信息系统项目的整合管理】

论信息系统项目的整合管理 某省机场管理集团航空货运站原有物流生产信息系统无法满足机场货运站生产信息与航空公司、对方航站、进出口航空货物按海关监管要求电子报关等行业信息实时共享发展需要&#xff0c;生产信息需多次重复录入问题已成为业务发展最大瓶颈&#xff0c;急需…...

编程日记 2025/5/17 18:26:11

小学数学题批量生成及检查工具

软件介绍 今天给大家介绍一款近期发现的小工具&#xff0c;它非常实用。 软件特点与出题功能 这款软件体积小巧&#xff0c;不足两兆&#xff0c;具备强大的功能&#xff0c;能够轻松实现批量出题。使用时&#xff0c;只需打开软件&#xff0c;输入最大数和最小数&#xff0c…...

编程日记 2025/5/17 18:23:03

Python线性回归：从理论到实践的完整指南

Python线性回归&#xff1a;从理论到实践的完整指南 线性回归是数据科学和机器学习中最基础且最重要的算法之一。本文将深入探讨如何使用Python实现线性回归&#xff0c;从理论基础到实际应用&#xff0c;帮助读者全面理解这一重要的统计学和机器学习方法。 什么是线性回归&a…...

编程日记 2025/5/29 14:00:23

python 爬虫框架介绍

文章目录 前言一、Requests BeautifulSoup&#xff08;基础组合&#xff09;二、Scrapy&#xff08;高级框架&#xff09;三、PySpider&#xff08;可视化爬虫&#xff09;四、Selenium&#xff08;浏览器自动化&#xff09;五、Playwright&#xff08;新一代浏览器自动化&…...

编程日记 2025/5/26 10:32:27

强化学习算法实战：一个例子搞懂sarsa、dqn、ddqn、qac、a2c及其区别

简介 在学习强化学习算法&#xff1a;sarsa、dqn、ddqn、qac、a2c、trpo、ppo时&#xff0c;由于有大量数学公式的推导&#xff0c;觉得十分晦涩&#xff0c;且听过就忘记了。 但是当把算法应用于实战时&#xff0c;代码的实现要比数学推导直观很多。 接下来通过不同的算法实现…...

编程日记 2025/5/27 17:40:42

文章记单词 | 第86篇（六级）

一&#xff0c;单词释义 pretty /ˈprɪti/- adj. 漂亮的&#xff1b;相当的 /adv. 相当地labour /ˈleɪbə(r)/- n. 劳动&#xff1b;劳工&#xff1b;分娩 /v. 劳动&#xff1b;努力&#xff08;英式英语&#xff0c; labor&#xff09;imaginary /ɪˈmdʒɪnəri/- adj. …...

编程日记 2025/5/19 13:43:07

firewall防火墙

一.Firewalld 防火墙概述 1.firewalld 简介 firewalld 的作用是为包过滤机制提供匹配规则(或称为策略)&#xff0c;通过各种不同的规则告诉netfilter 对来自指定源、前往指定目的或具有某些协议特征的数据包采取何种处理方式为了更加方便地组织和管理防火墙,firewa11d 提供了…...

编程日记 2025/5/25 0:57:38

TII-2024《AGP-Net: Adaptive Graph Prior Network for Image Denoising》

推荐深蓝学院的《深度神经网络加速&#xff1a;cuDNN 与 TensorRT》&#xff0c;课程面向就业&#xff0c;细致讲解CUDA运算的理论支撑与实践&#xff0c;学完可以系统化掌握CUDA基础编程知识以及TensorRT实战&#xff0c;并且能够利用GPU开发高性能、高并发的软件系统&#xf…...

编程日记 2025/5/28 15:45:52

Pageassist安装（ollama+deepseek-r1）

page-assist网站&#xff1a;https://github.com/n4ze3m/page-assist 首先电脑配置node.js&#xff0c;管理员打开命令窗口输入下面命令下载bun npm install -g buncd 到你想要安装page-assist的地方&#xff08;推荐桌面&#xff09; 输入下列命令 git clone https://gith…...

编程日记 2025/5/24 10:05:25

Java—— 方法引用 : :

方法引用是什么 把已经存在的方法拿过来用&#xff0c;当做函数式接口中抽象方法的方法体 方法引用符 &#xff1a;&#xff1a; 方法引用的条件 1.需要有函数式接口 2.被引用方法必须已经存在 3.被引用方法的形参和返回值需要跟抽象方法保持一致 4.被引用方法的功能要满足当前…...

编程日记 2025/5/27 5:21:27

Linux基础开发工具大全

目录 软件包管理器 1>软件包 2>软件生态 3>yum操作 a.查看软件包 b.安装软件 c.卸载软件 4>知识点 vim编辑器 1>基本概念 2>基本操作 3>正常模式命令集 a.模式切换 b.移动光标 c.删除 d.复制 e.替换 f.撤销 g.更改 4>底行模式命令…...

编程日记 2025/5/31 8:37:38

C语言实现INI配置文件读取和写入

一.INI文件介绍 INI配置文件是一种简单的文本文件&#xff0c;用于存储配置信息&#xff0c;通常由一个或多个节&#xff08;section&#xff09;组成&#xff0c;每个节包含多个键值对&#xff08;Key-Value&#xff09;格式。INI文件易于阅读和编辑&#xff0c;广泛应用于多…...

编程日记 2025/5/26 8:00:37

volatile关键字详解

volatile关键字详解 1. 定义与核心作用 volatile 是Java中的关键字&#xff0c;用于修饰变量&#xff0c;主要解决多线程环境下的内存可见性和指令重排序问题。其核心作用&#xff1a; 保证可见性&#xff1a;确保所有线程读取到变量的最新值。禁止指令重排序&#xff1a;防止…...

编程日记 2025/5/22 13:41:57

二叉树子树判断：从递归到迭代的全方位解析

一、题目解析 题目描述 给定两棵二叉树root和subRoot&#xff0c;判断root中是否存在一棵子树&#xff0c;其结构和节点值与subRoot完全相同。 示例说明 示例1&#xff1a; root [3,4,5,1,2]&#xff0c;subRoot [4,1,2] 返回true&#xff0c;因为root的左子树与subRoot完…...

编程日记 2025/5/23 19:52:34

【PhysUnits】4.1 类型级比特位实现解释（boolean.rs）

一、源码 该代码实现了一个类型级(type-level)的布尔系统&#xff0c;允许在编译时进行布尔运算。 //! 类型级比特位实现 //! //! 这些是基础的比特位类型&#xff0c;作为本库中其他数值类型的构建基础 //! //! 已实现的**类型运算符**&#xff1a; //! //! - 来自 core::op…...

编程日记 2025/5/29 23:50:33

（7）python开发经验

文章目录 1 找不到资源文件2 使用subprocess执行时有黑色弹窗3 找不到exec4 pyside6-project lupdate的bug5 找不到pyd模块6 pyd模块编码错误7 运行显示Qt platform plugin "windows" in "8 tr()包含的字符串无法被翻译 更多精彩内容&#x1f449;内容导航 &…...

编程日记 2025/5/24 3:55:04

【Manim】使用manim画一个高斯分布的动画

1 Manim例子一 最近接触到manim&#xff0c;觉得挺有趣的&#xff0c;来玩一玩把。如下是一个使用manim画的高斯分布的动画。 from manim import * import numpy as npclass GaussianDistribution(Scene):def construct(self):# 创建坐标系axes Axes(x_range[-4, 4, 1],y_ra…...

编程日记 2025/5/23 16:19:03

Day11-苍穹外卖(数据统计篇)

前言&#xff1a; 今天写day11的内容&#xff0c;主要讲了四个统计接口的制作。看起来内容较多&#xff0c;其实代码逻辑都是相似的&#xff0c;这里我们过一遍。 今日所学&#xff1a; Apache ECharts营业额统计用户统计订单统计销量排行统计 1. Apache ECharts 1.1 介绍 A…...

编程日记 2025/5/29 12:51:02

论文阅读：Self-Collaboration Code Generation via ChatGPT

地址&#xff1a;Self-Collaboration Code Generation via ChatGPT 摘要 尽管大型语言模型&#xff08;LLMs&#xff09;在代码生成能力方面表现出色&#xff0c;但在处理复杂任务时仍存在挑战。在现实软件开发中&#xff0c;人类通常通过团队协作来应对复杂任务&#xff0c;…...

编程日记 2025/5/29 15:27:40

LocaleContextResolver实现多语言切换-笔记

1. LocaleContextResolver功能简介 org.springframework.web.servlet.LocaleContextResolver是 Spring MVC 中用于解析和管理用户 Locale&#xff08;语言环境&#xff09; 的核心接口。 //LocaleContextResolver 接口定义 public interface LocaleContextResolver extends L…...

编程日记 2025/5/26 9:16:53

Vue3中setup运行时机介绍

在 Vue3 中&#xff0c;直接写在 <script setup>...</script> 中的代码运行时机可以分为以下几个关键阶段&#xff1a; 一、执行顺序层级 #mermaid-svg-bF3p98MiNdLfcoSG {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#33…...

编程日记 2025/6/2 10:20:47

计算机视觉----感兴趣区域（ROI）、非极大值抑制

感兴趣区域&#xff08;Region of Interest&#xff0c;ROI&#xff09;是指在一幅图像或者数据集中&#xff0c;用户关注并希望进行重点分析、处理或者研究的特定区域。以下为你详细介绍它在不同领域的应用&#xff1a; 医学影像领域 在医学影像中&#xff0c;医生可以通过确…...

编程日记 2025/5/29 10:42:17

YOLO11解决方案之对象裁剪探索

概述 Ultralytics提供了一系列的解决方案&#xff0c;利用YOLO11解决现实世界的问题&#xff0c;包括物体计数、模糊处理、热力图、安防系统、速度估计、物体追踪等多个方面的应用。 对象裁剪是指从图像或视频中分离并提取特定的检测对象&#xff0c;YOLO11 模型功能可用于准…...

编程日记 2025/5/31 9:04:39

将单链表反转【数据结构练习题】

- 第 98 篇 - Date: 2025 - 05 - 16 Author: 郑龙浩/仟墨 反转单链表(出现频率非常的高) 文章目录 反转单链表(出现频率非常的高)题目&#xff1a;反转一个链表思路&#xff1a;代码实现(第3种思路): 题目&#xff1a;反转一个链表 将 1->2->3->4->5->NULL反转…...

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

多网卡管理实战指南：原理、问题分析与实用工具推荐

多网卡管理实战指南&#xff1a;原理、问题分析与实用工具推荐 在现代网络环境中&#xff0c;越来越多的用户面临一个实际问题&#xff1a;一台电脑连接了多个网络接口&#xff0c;如有线 无线、双有线、或实体网卡 虚拟VPN网卡。这种“多网卡”环境虽然提供了更多可能性&am…...

编程日记 2025/5/31 10:21:46

qt5.14.2 opencv调用摄像头显示在label

ui界面添加一个Qlabel名字是默认的label 还有一个button名字是pushButton mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H#include <QMainWindow> #include <opencv2/opencv.hpp> // 添加OpenCV头文件 #include <QTimer> // 添加定…...

编程日记 2025/5/27 6:18:08

使用Python实现简单的人工智能聊天机器人

最近研学过程中发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击链接跳转到网站人工智能及编程语言学习教程。读者们可以通过里面的文章详细了解一下人工智能及其编程等教程和学习方法。下面开始对正文内容的…...

编程日记 2025/5/28 14:53:15

Python爬虫（28）Python爬虫高阶：Selenium+Splash双引擎渲染实战与性能优化

目录 一、背景&#xff1a;动态渲染技术的演进与挑战二、核心技术对比与选型三、环境搭建与工具链配置1. Docker部署Splash集群2. Selenium环境配置 四、双引擎渲染核心实现1. 智能路由中间件2. Splash高级Lua脚本控制 五、性能优化实战方案1. 浏览器资源池化2. 异步渲染加速 六…...

编程日记 2025/5/29 19:59:50

uv python 卸载

又是查了半天 官网wiki没有 网上一堆傻子胡说 uv提示也不对 AI还在这尼玛胡编乱造 开始 我原来装了这几个环境 uv python list 现在python3.7.7不需要了&#xff0c;卸载&#xff0c;直接 uv python uninstall 3.7.7 去找你自己要卸载的版本号&#xff0c;不需要整个包名复制…...

编程日记 2025/5/27 6:33:59

如何备考GRE？

1.引言 GRE和雅思不太相同&#xff0c;首先GRE是美国人的考试&#xff0c;思维方式和很多细节和英系雅思不一样。所以底层逻辑上我觉得有点区别。 难度方面&#xff0c;我感觉GRE不容易考低分&#xff0c;但考高分较难。雅思就不一样了不仅上限难突破&#xff0c;下限还容易6…...

编程日记 2025/5/22 18:06:25

Crowdfund Insider聚焦：CertiK联创顾荣辉解析Web3.0创新与安全平衡之术

近日&#xff0c;权威金融科技媒体Crowdfund Insider发布报道&#xff0c;聚焦CertiK联合创始人兼CEO顾荣辉教授在Unchained Summit的主题演讲。报道指出&#xff0c;顾教授的观点揭示了Web3.0生态当前面临的挑战&#xff0c;以及合规与技术在推动行业可持续发展中的关键作用。…...

编程日记 2025/5/28 7:21:06

第六章 进阶10 实习生的焦虑

时间过得很快&#xff0c;实习的蕾蕾入职已经三个月了&#xff0c;到了离开的日子。 照例我和她约了1对1谈话&#xff0c;在开始和结束阶段的谈话格外有意义。 谈话的最后&#xff0c;我问蕾蕾有没有什么问题问我&#xff0c;她的问题让我格外惊讶&#xff1a; “自己有点焦…...

编程日记 2025/5/27 15:20:50

技术融资：概念与形式、步骤与案例、挑战与应对、发展趋势

一、技术融资概述 技术融资是指通过外部资金支持技术研发、产品开发或市场扩展的过程。它通常涉及风险投资、天使投资、私募股权、众筹等多种形式。技术融资的核心目标是为技术创新提供资金保障&#xff0c;推动技术从概念到市场的转化。 技术融资的主要形式包括以下几种&…...

编程日记 2025/6/1 16:32:07

duxapp 2025-03-29 更新 编译结束的复制逻辑等

CLI copy 文件夹内的内容支持全量复制优化小程序配置文件合并逻辑&#xff08;更新后建议将 project.config.json 文件从git的追踪中移除&#xff09;新增 copy.build.complete 文件夹的复制逻辑&#xff0c;会在程序编译结束之后将文件复制到指定位置 &#xff08;模块和用户…...

编程日记 2025/5/29 12:50:44

【Linux】Shell脚本中向文件中写日志，以及日志文件大小、数量管理

1、写日志 shell脚本中使用echo命令，将字符串输入到文件中 覆盖写入：echo “Hello, World!” > laoer.log ，如果文件不存在，则会创建文件追加写入：echo “Hello, World!” >> laoer.log转移字符：echo -e “Name:\tlaoer\nAge:\t18” > laoer.log，\t制表符 …...

编程日记 2025/5/29 13:44:22

Qwen3技术报告

参考链接&#xff1a;https://zhuanlan.zhihu.com/p/1905945819108079268 介绍的很详细&#xff0c;先贴后续再整理...

编程日记 2025/5/26 6:04:04

python + flask 做一个图床

1. 起因&#xff0c; 目的: 对这个网站&#xff1a;https://img.vdoerig.com/ &#xff0c; 我也想实现这种效果。做一个简单的图床&#xff0c;后面&#xff0c;可以结合到其他项目中。 2. 先看效果 实际效果。 3. 过程: Grok 聊天&#xff1a; https://img.vdoerig.co…...

编程日记 2025/5/24 2:36:42

虚拟来电 4.3.0 |集虚拟来电与短信于一体，解锁VIP优雅脱身

虚拟来电是一款集虚拟来电与虚拟短信于一体的应用程序。它可以帮助用户在需要时模拟一个真实的来电或短信&#xff0c;以最顾及对方情面的方式逃离尴尬场合。无论是自定义来电联系人、时间、次数&#xff0c;还是设置自定义通话语音、来电震动和铃声&#xff0c;这款解锁了VIP功…...

编程日记 2025/5/23 23:36:01

日志与策略模式

什么是设计模式 IT⾏业 ,为了让 菜鸡们不太拖⼤佬的后腿, 于是⼤佬们针对⼀些经典的常⻅的场景, 给定了⼀些对应的解决⽅案, 这个就是 设计模式 日志认识 计算机中的⽇志是记录系统和软件运⾏中发⽣事件的⽂件&#xff0c;主要作⽤是监控运⾏状态、记录异常信 息&#xff…...

编程日记 2025/5/29 10:27:24

Linux下载与安装

一、YUM 1.1 什么是YUM 在CentOS系统中&#xff0c;软件管理方式通常有三种方式&#xff1a;rpm安装、yum安装以及编译&#xff08;源码&#xff09;安装。 编译安装&#xff0c;从过程上来讲比较麻烦&#xff0c;包需要用户自行下载&#xff0c;下载的是源码包&#xff0c;需…...

编程日记 2025/5/29 13:20:01

java18

1.API之时间类 Date类&#xff1a; SimpleDateFormat类&#xff1a; Calendar类&#xff1a;...

编程日记 2025/5/19 12:24:35

向量和矩阵范数

向量和矩阵范数 向量范数 定义 设 x T \boldsymbol{x}^\text{T} xT&#xff0c; y T \boldsymbol{y}^\text{T} yT ∈ K n \in \mathbb{K}^n ∈Kn,数量积定义为&#xff1a; y T x ( 或 y H x ) \boldsymbol{y} ^\text{T} \boldsymbol{x}\left(或\boldsymbol{y}^\text{H}\bo…...

编程日记 2025/5/28 7:45:44